1. 做個小型的OA系統，前端用什麼框架，插件比較合適
用spring+springmvc+mybstis+mysql
2. 前端常用的框架有哪些
有三大主流框架，分別為：Angular、vue、react
1、我們在大型超大型web應用開發上，看好Angular：
深度整合Typescript和Rxjs。ts解決了工程化的問題，rxjs解決了開發速度的問題。但是學習成本，可能對於Java，c#等OOP工程師來說比較容易上手，但是對於JavaScript工程師來說，少有工程化的經驗，接受起來比較痛苦。當然，不只是Angular可以採用Typescript開發，很多其他的Dom庫都可以，Angular相比他們的優勢在於：
1.零配置
2.深度整合設計模式
3.約定才是框架的本質
2、小型應用上，看好vue
其實絕大部分web應用，都應該只是小型應用。公司官網，論壇，甚至是規模不大的電子商務網站和基本功能的OA，ERP系統，都只是小型web應用。它們數據源穩定，對於運營的要求不高，但是對載入速度等都有很高的要求。這個時候，小巧的vue就成了首選。Proxy實現的響應式相比Angular的zone暴力代理和rxjs的復雜操作顯得更加接地氣，不需要額外地進行學習。對象式的聲明在UI實現上速度更快。生態雖然沒有react那麼熱鬧但是小而美的庫也很多，nuxt的實現值得點贊。
3、個性化需求、中型應用，更傾向react
在中大型應用中，不是一定要搞Java那一套的，而且在前端這種對工期要求很緊的領域，沒必要因為添加新功能而更換新的平台，能用到rxjs和依賴注入的前端應用場景並不多。所以如果採用react，從項目一開始就漸進式地添加模塊，往往更適合快速發展的產品。
3. 怎樣開發OA辦公系統
自己開發辦公自動系統，無論你是懂編程還是不懂編程，都建議你採用快速開發平台進行開發，這類開發工具不用編程，配置業務參數搭建系統，速度快，成本低。有些開發平台（如天縱智能開發平台）本身就帶有OA辦公系統標准模塊，你可以直接在上面進行個性化修改成自己的辦公系統，速度更快，成本更低。一次開發，同時生成WEB網頁+移動端APP+微信端+釘釘端，多種方式均可以操作。
具體步驟如下：
第一步：需求分析
我召集他們所有業務相關部門開了幾次會議，將各部門的功能需求進行了整理和統一，寫成的功能需求說明書，文中詳細列出了軟體要解決的實際問題及要達到的目標。他們要求軟體要能解決他們的實際問題，帶來真正的價值。比如直接給他們帶來更多訂單，幫助他們尋找客戶並留住，同時在經營中節省人力成本及防止不必要的浪費，最終實現公司利潤的增長。我認為，如果一個軟體不能帶來實質性的經濟價值，僅僅只是用來裝點公司門面，提高一點工作效率，那還不如不要。這也是他們為什麼看不上有些成品軟體，而要選擇定製開發的原因。每個公司情況均不一樣，成品軟體商往往無法知道每個客戶的痛處，所以做出來的產品無法真正適合客戶。只有自己針對性的開發，才能真正解決問題。客戶才知道他們公司最需要什麼，他們的客戶應如何獲得和留住，業務流程應如何設計等等。有針對性開發一些實用功能，才是最適合的軟體。
通過這個項目，我認識到編寫軟體需求說明書的過程非常重要，這決定了以後的開發過程是不是會走彎路，是否因為開發了不必要的功能浪費時間和金錢，是不是存在程序功能模塊上的沖突。我在需求說明編寫上花了較大精力，有種磨刀不誤砍柴工的感覺。最後在所有人員一致通過這個需求說明書後才決定走下一步。
第二步：開發方案書
開發方案書是將功能需求說明書轉化為可開發的具體行動方案，我根據開發平台的開發規則進行編寫的，將軟體需求說明書中的功能模塊進行組合優化，分析出各個模塊的數據結構及數據關系、運算邏輯，理清各模塊之間的業務流程，最後根據各業務部門人員的實際情況規劃各模塊的界面樣式。
我的開發方案書也寫得很詳細，不過相比功能需求說明書，感覺容易些，畢竟大方向已有了。開發方案書中我將數據結構中的表及欄位全部規劃好，並命名好，包括其數據類型、長度等，做成表格，並將各欄位數據來源及編輯方式等均做好說明。前面忘記說明了，我雖然對編程不懂，但由於以前有過管理軟體操作方面經驗，對資料庫還是有一定了解的，但也只是懂一些皮毛，不過用我們快速開發平台開發，這點資料庫方面的知識夠用了，以後使用過程中如果需要更復雜的一些SQL語句再網上搜索一下吧。
開發方案書對後期的系統開發非常重要，下面的開發過程其實就是將開發方案書的內容在快速開發平台進行配置的過程。
第三步：開發及測試
有開發方案書，接下來的開發就非常容易了，其實就是將開發方案書的內容配置到開發平台上的過程，這就是我前面說的為什麼找這樣一個開發平台開發這個系統的原因。
用配置型開發平台開發軟體相當簡單快速，一般的模塊三步就可以搞定了，第一步設置模塊信息，第二步設置表單屬性，第三步設置表中每個欄位。也許我這樣說你還是不太相信，那好吧。上圖！
我公司快速開發平台分開發後台和應用前台。顧名思義，開發後台是供開發者使用的，應用前台是開發好的系統進行使用的地方。好了，進入開發後台吧，如下圖：
通過這三步的配置，一個功能模塊基本完成了。是不是非常簡單快速！整體開發過程是不是全部是通過配置來完成的。當然上面提到的是一些最基本的配置，對於復雜功能要求的模塊，可能還要進行更詳細的配置。
配置型開發平台由於省去代碼編寫，開發速度大大提高，由於界面是由開發平台中間件根據配置的業務參數自動生成，不用每個界面均去編寫一套代碼，因此出錯率大大降低，軟體的性能和穩定性自然也就有了保障。
第四步：編寫操作手冊
系統開發好後，有一個收尾工作是不能省的，那就是編寫操作手冊。好在我平時沒事就喜歡寫點博客，對寫作沒有畏懼心。操作手冊是供使用者學習和操作時用的，在操作手冊中我將系統操作過程及其注意事項詳細列出，事後我才知道，操作手冊也是這個系統正式能使用起來的重要因素之一，因為我寫的操作手冊有聲有色，條理清晰，操作這個系統的同事很快就能理解並上手了。
我得出的經驗是：操作手冊越早編寫越好，最好是在開發的同時就進行編寫，開發過程中一些重點內容要立即記錄下來，提醒以後的使用者，時間一長了，就算是開發者本人也可能都忘記了，最後導致使用者走彎路。
第五步：上線試運行
折騰了半個多月，一個共有50多個模塊的內部管理系統基本算是大功告成了，請客戶的幾個部門領導一起演示操作走了一遍，大家十分滿意，總算沒辜負老他們板的期望。他們老闆一高興，批准買一台伺服器專門運行這個系統。我花了一天時間，部署到伺服器上，開始上線試運行。
第六步：正式運行
經過了半個月的試運行，調整了其中出現一些小問題，就開始召集所有部門相關人員進行幾天的操作培訓，開始正式在公司內全面運行。
4. 前端開發框架有哪些
前端框架好不好用還是要看具體情況分析，我這里給你推薦幾個常用的框架，可以按需使用。
1、vue-element-admin
一個基於vue2.0和Element的控制面板UI框架，這是使用vue技術棧開發的前端程序員的首選管理系統模板，模板已經非常成熟了，並且有相關的社區和維護人員，開發時候遇到問題也不要慌。
2、AdminLTE
非常流行的基於Bootstrap 3.x的免費的後台UI框架，這是一個非常老牌的後台管理系統模板，每個頁面都是單獨的html網頁，適合前端入門新手用來做項目。
3、ant-design-pro
這個就不多說了，選擇react技術棧的童鞋們必然離不開這個優秀開箱即用的中台前端/設計解決方案，文檔齊全，組件豐富，一鍵生成模板，更支持開啟復制粘貼模式哦。
4、ng2-admin
這是基於Angular 2、Bootstrap 4和webpack的後台管理面板框架，要收前面已經有了React和vue技術棧的模板，那怎麼能少了ng的？雖然在國外用的比較多，國內較少使用，但絲毫不影響ng作為前端框架三巨頭之一的地位。
9：material-dashboard
基於 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material
Bootstrap Admin，其設計靈感來自谷歌的 Material Design 。
10：d2-admin
D2Admin 是一個完全 開源免費 的企業中後台產品前端集成方案，基於 vue.js 和 ElementUI 的管理系統前端解決方案 ，小於 60kb的本地首屏 js 載入,已經做好大部分項目前期准備工作
11：vuestic-admin
vuestic-admin管理台儀表盤是一個響應式的儀表盤模板，採用Bootstrap4和Vue.js構建。這個精美的管理台模板提供了自定義元素組件，如地圖，聊天，個人資料卡，圖標，進度條等，以及用於登錄和注冊的預建頁面。