关于后端程序员写前端用什么框架更好 关于java程序员写前端用什么框架更好
\u540e\u53f0\u7ba1\u7406\u7cfb\u7edf\uff0c\u524d\u7aef\u6846\u67b6\u7528\u4ec0\u4e48\u6700\u597d\u9875\u9762\u6846\u67b6\u5c5e\u4e8e\u524d\u7aef\u7684\u5185\u5bb9\uff0c\u4e0d\u5c5e\u4e8e\u540e\u53f0\u3002\u73b0\u5728bootstrap\u6bd4\u8f83\u6d41\u884c\uff0c\u4e0d\u8fc7\u5728ui\u5c42\u9762\u4e00\u822c\u7684\u8bbe\u8ba1\u5e08\u4e5f\u4e0d\u592a\u559c\u6b22\u7528\u73b0\u6210\u7684\u6846\u67b6\uff0c\u592a\u590d\u6742\u6539\u8d77\u6765\u5f88\u7d2f\uff0c\u6709\u65f6\u5019\u4e0d\u5982\u81ea\u5df1\u6839\u636e\u9700\u6c42\u5199\u3002\u73b0\u6210\u7684\u9875\u9762\u6846\u67b6\u6bd4\u8f83\u9002\u5408\u5bf9ui\u524d\u7aef\u4e0d\u592a\u61c2\u7684\u7a0b\u5e8f\u5458
\u9700\u8981 emmet
ST2/3 \u548c eclipse \u9700\u8981\u5b89\u88c5
IDEA\u81ea\u5e26
bootstrap+emmet \u5f00\u53d1\u901f\u5ea6\u7b80\u76f4\u522b\u63d0\u4e86
前端框架好不好用还是要具体情况具体分析，我这边给你推荐11个前端常用的框架，你可以按需使用。
1、vue-element-admin
一个基于vue2.0和Element的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板已经非常成熟了，并且有相关的社区和维护人员，开发时遇到问题也不要慌。
2、AdmimLTE
非常流行的基于Bootstrap 3.x的免费的后台UI框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手来做项目。
3、ant-design-pro
这个就不多说了，选择react技术栈的童鞋们必然离不开这个优秀的开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制粘贴模式哦。
4：ng2-admin
这是基于 Angular 2, Bootstrap 4 和 Webpack的后台管理面板框架，要说前面已经有了react和vue技术栈的模板，那怎么能少的了ng的?虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三大巨头之一的地位呀。
5：Gentelella
Gentelella 是一个可免费使用的 Bootstrap 管理界面模版，使用群体比较广泛。这个模版使用默认的 Bootstrap 3的样式，还有一系列功能强大的 jQuery 插件和工具，可快速创建管理界面模版或者后台的 Dashboard。
6：iview-admin
iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 组件库形成的一套后台集成解决方案 。
7：blur-admin
BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版，视觉冲击极强的管理后台，各种动画效果。
8：vue-manage-system
vue-manage-system，一个基于 Vue.js 和 element-ui的后台管理系统模板，挺喜欢这个界面的UI，简约清晰不累赘，多功能的后台框架模板，适用于绝大部分的后台管理系统开发。
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构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。
各大前端框架可以按照“封装度”的标准来区分。 设计刚出的一套网页皮肤，封装度为0。层层封装到可以直接用后台语言写页面，封装度为10。那么我是这样来区分前端框架的。
1级——纯html+css 放5年前，基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。不涉及到js，就是纯页面皮肤。
2级—— bootstrap系列 bootstrap的出现是一个里程碑事件。发源于twitter，引入了不少html5/css3的特性。由于它对响应式的支持以及良好的体验，给人一种耳目一新的感觉。其源码，不管是css还是js都值得学习一下，看后经常会有“原来还可以这样做”这种恍然大悟的感觉。不过归根结底是一套ui皮肤+少量js组成的框架，属于封装度偏低的框架。
3~4级—— metronic/adminLTE系列 基于bootstrap或者其他1级框架，然后集成了各种jQuery插件、富文本编辑器等js库，组成的一个大杂烩工具包和案例库。皮肤基本是基于bootstrap自定义的一套主题。案例比较详尽，开发的时候找到需要的组件把前端代码复制粘贴，再稍微调试一下就能达到良好的视觉效果。根据集成的第三方库的多少，基本可以划分到3~4级封装度这样的范围。这个级别的框架的代码更多的是属于粘合剂，将各种不同的第三方库的前端代码粘合起来。
5级—— jQuery-ui 这里要单独把jQuery-ui拿出来讲，并不是因为它的封装度有多高，而是我认为它是一个分界点。jQuery以下级别的框架，代码以css为主，自身的js代码少，框架量级更轻，更灵活，更适合互联网web产品。jQuery以上级别的框架，属于前端的重度封装，通过框架暴露的接口进行开发，开发人员甚至不需要太多前端知识，只需要详细查看框架的开发文档即可。jQuery以上级别的框架更适合传统管理软件的开发。
6~7级—— easy-ui/DWZ easy-ui基于jQuery-ui，不过具有更丰富的组件库。貌似商业版收费很高。听说某大型国企花了大价钱购买下来使用。DWZ是国产框架中我认为综合表现还不错的，完全免费，有问题可以在他们的QQ群里提。其余的之前还用过金蝶的operamasks-ui，不过现在好像已经不更新了。这一类级别的框架还有一个另外的称呼——“富客户端框架”，意思就是重度js框架。使用起来开发效率很高，当年也是一度百花齐放，框架辈出。
8级—— extjs系列 extjs属于前端框架领域中的庞然大物，封装程度很高，具有自成体系的元素选择引擎和浏览器兼容方案，js写法上也有自己的方式。组件很多很全。只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出“很漂亮”的前端页面。当然页面很容易“撞衫”。使用时间长了，会对其产生严重依赖，离开extjs，几乎不会写前端页面了。
9级——vaadin/GWT 最后一级，也是封装度最高的一级，也就是所谓的使用后台语言写前端。如果说之前的八级至少前端和后端还是相对分离的，后台程序在java中写，前台程序在html或者js中写；那么这一级别的框架简直会颠覆你的认知！只需在后台使用java写好了类和对象，并设置好相关的属性，网页的元素是自动通过后台对象生成的。这当然有好处，妈妈再也不用担心我不会写js和css了。然而就学一下html/css/js真的那么难吗？个人认为，尽管GWT有google的这么强悍的背书，但是这种9级封装的本质上把前后台耦合得更紧密。一个人做一个项目还可以考虑，但是一个团队前后台分离、模块化开发的时候，使用这种框架是一种灾难！所以我是极度不建议使用9级封装框架的。
前端比后端会轻松，当然是相对的，也不排除那种必须加班的，而且前端接触UI，测试比较多，接触的妹子相比较后端机会还是很多的，而且最近HTML5比较火，一线城市的前端待遇和很好，是个好行业
bootstrap
绛旓細鍏充簬鍚庣绋嬪簭鍛樺啓鍓嶇鐢ㄤ互涓嬫鏋讹細1銆佺敤Dreamweaver鎴栬呯綉椤垫煡鐪嬫簮浠ｇ爜銆2銆乥ootstrap瀵瑰搷搴斿紡鐨勬敮鎸佷互鍙婅壇濂界殑浣撻獙 3銆乵etronic/adminLTE杩欎釜妗嗘灦鐨勪唬鐮佹洿澶氱殑鏄睘浜庣矘鍚堝墏锛屽皢鍚勭涓嶅悓鐨勭涓夋柟搴撶殑鍓嶇浠ｇ爜绮樺悎璧锋潵銆4銆 extjs绯诲垪銆傝繖涓槸鍓嶇棰嗗煙鐨勫簽鐒跺ぇ鐗╁皝瑁呭害寰堥珮锛屽叿鏈夎嚜绉颁綋绯荤殑鍏冪礌閫夋嫨寮曟搸鍜屾祻瑙堝櫒...
绛旓細8绾р斺 extjs绯诲垪 extjs灞炰簬鍓嶇妗嗘灦棰嗗煙涓殑搴炵劧澶х墿锛屽皝瑁呯▼搴﹀緢楂橈紝鍏锋湁鑷垚浣撶郴鐨勫厓绱犻夋嫨寮曟搸鍜屾祻瑙堝櫒鍏煎鏂规锛宩s鍐欐硶涓婁篃鏈夎嚜宸辩殑鏂瑰紡銆傜粍浠跺緢澶氬緢鍏ㄣ9绾р斺攙aadin/GWT 鏈鍚庝竴绾э紝涔熸槸灏佽搴︽渶楂樼殑涓绾э紝涔熷氨鏄墍璋撶殑浣跨敤鍚庡彴璇█鍐欏墠绔傚鏋滆涔嬪墠鐨勫叓绾ц嚦灏戝墠绔拰鍚庣杩樻槸鐩稿鍒嗙鐨勶紝鍚庡彴绋...
绛旓細web鍓嶇涓夊ぇ涓绘祦妗嗘灦閮芥槸Angular銆丷eact銆乂ue銆1銆丄ngularAngular鍘熷悕angularJS璇炵敓浜2009骞达紝涔嬪墠鎴戜滑閮芥槸鐢╦query寮鍙戯紝鑷粠angular鐨勫嚭鐜拌鎴戜滑鏈変簡鏂扮殑閫夋嫨锛屽畠鏈澶х殑鐗圭偣鏄妸鍚庣鐨勪竴浜涘紑鍙戞ā寮忕Щ妞嶅埌鍓嶇鏉ュ疄鐜帮紝濡侻VC銆佷緷璧栨敞鍏ョ瓑銆2銆丷eactReact锛宖acebook鍑哄搧锛屾寮忕増鎺ㄥ嚭鏄湪2013骞达紝姣攁ngular鏅氫簡4...
绛旓細澶х害浜斿叚骞村墠锛鍓嶇杩樻槸涓涓竟缂樺矖浣嶏紝鍓嶇鐨勫伐浣滀腑锛歝ss鏂归潰鐨勭敱璁捐甯堢敤dreamveaver绛夊伐鍏烽『甯﹀氨鍋氫簡锛沯s鏂归潰鐨勭敱鍚庡彴绋嬪簭鍛樺啓鍐欏疄鐜颁簡鏁堟灉灏辫浜嗐傜┒鍏跺師鍥狅紝涓昏杩樻槸鐢变簬褰撴椂鍦╤tml5灏氭湭澶ч潰绉敮鎸佺殑鎯呭喌涓嬶紝娴忚鍣ㄧ綉椤电鐨勮〃鐜板姏鏈夐檺銆備负澧炲己琛ㄧ幇鍔涚敋鑷宠繕闇瑕佷緷闈爁lash鐨勬敮鎸併傝繎鍑犲勾闅忕潃绉诲姩绔殑鍏磋捣...
绛旓細AngularJS鏄竴涓鎴风鐨凧avaScript MVC寮婧愭鏋锛岀壒鍒负浣跨敤MVC鏋舵瀯妯″紡鐨勫崟椤甸潰web搴旂敤鑰岃璁★紝鍙敤浜庡紑鍙戝姩鎬乄eb搴旂敤绋嬪簭銆傚畠涓嶆槸涓涓畬鏁寸殑鍫嗘爤锛岃屾槸涓涓鐞唚eb椤甸潰鐨勫墠绔鏋躲傚寘鍚殑涓滆タ姣旇緝瀹屽杽锛屽寘鍚ā鏉匡紝鏁版嵁鍙屽悜缁戝畾锛岃矾鐢憋紝妯″潡鍖栵紝鏈嶅姟锛岃繃婊ゅ櫒锛屼緷璧栨敞鍏ョ瓑鎵鏈夊姛鑳姐俁eact鏄竴涓紑婧愮殑JavaScript...
绛旓細1.Aliceui Aliceui鏄敮浠樺疂鐨勬牱寮忚В鍐虫柟妗堬紝鏄竴濂楃簿閫夌殑鍩轰簬 spm 鐢熸佸湀鐨勬牱寮忔ā鍧楅泦鍚堬紝鏄 Arale 鐨勫瓙闆嗭紝涔熸槸涓濂楁ā鍧楀寲鐨勬牱寮忓懡鍚嶅拰缁勭粐瑙勮寖锛屾槸鍐 CSS 鐨勬洿濂芥柟寮忋2.Amazeui Amaze UI 鏄竴涓交閲忕骇銆 Mobile first 鐨勫墠绔鏋, 鍩轰簬寮婧愮ぞ鍖烘祦琛鍓嶇妗嗘灦缂栧啓鐨勩3.sui SUI鏄竴濂楀熀浜巄ootstrap...
绛旓細1銆丄ngular 澶у鐪奸噷姣旇緝鈥滃徏鈥濈殑妗嗘灦锛岀敋鑷虫湁浜鸿涓夊ぇ妗嗘灦涓彧鏈夊ス鑳界О鐨勪笂涓涓畬鏁寸殑妗嗘灦锛屽洜涓轰粬鍖呭惈鐨勪笢瑗挎瘮杈冨畬鍠勶紝鍖呭惈妯℃澘锛屾暟鎹弻鍚戠粦瀹氾紝璺敱锛屾ā鍧楀寲锛屾湇鍔★紝杩囨护鍣紝渚濊禆娉ㄥ叆绛夋墍鏈夊姛鑳姐傚浜庡垰寮濮嬪涔浣跨敤妗嗘灦鐨勫皬浼欎即浠紝鍙互鎺ㄨ崘杩欎釜妗嗘灦锛屽浼氫箣鍚庣畝鐩磋兘棰犺涔嬪墠浣犲鍓嶇寮鍙戠殑璁ょ煡銆備娇鐢 ...
绛旓細闂涓锛歐EB鍓嶇寮鍙戜汉鍛樹篃闇瑕佷細涓夊ぇ妗嗘灦鍚楋紵 涓嶇煡閬撲綘璇寸殑鏄摢涓夊ぇ妗嗘灦锛熷墠绔殑妗嗘灦澶氱潃鍛紝涓嶈繃涓鑸渶甯哥敤鐨勫氨鏄痡query,zepto.js,MVC鐨勬鏋跺氨鏄痑ngular.js,backbone.js 闂浜岋細java鐨勪笁澶ф鏋跺睘浜巜eb锛岃繕鏄紵 甯歌鐨勪笁澶ф鏋舵寚锛歋SH 鍗筹細Spring銆丼truts銆丠ibernate Spring锛氬姛鑳藉己澶х殑缁勪欢绮樺悎娴庯紝...
绛旓細涓涓績鎬佸紑鏀俱佽绌跺悎浣溿佸媷浜庢墦鐮撮檲瑙勯檵涔犵殑寮鍙戠粍,鎵嶆槸妗嗘灦缁欎汉淇″績鐨勬牴鏈繚闅溿鍚庣绋嬪簭鍛鐨勭粓鍗楁嵎寰鍓嶇绋嬪簭鍛樿嚜涓嶅繀璇,鍥犱负鏈夊緢澶氫汉灏辨槸闈燗ngular杩涘叆涓撲笟鍓嶇棰嗗煙鐨勩備笅闈㈣繖娈佃瘽涓昏鍐欑粰鍚庣绋嬪簭鍛樸備笉绠℃槸鎯冲涔犳柊鎶鏈繕鏄嚭浜庡伐浣滈渶瑕,閮芥湁寰堝鍚庣绋嬪簭鍛樺鍓嶇鎶鏈穬璺冩璇曘備絾闈㈠鍓嶇璁╀汉鐪艰姳缂贡鐨勫ぇ閲忓欓...
绛旓細鍚庣锛氫负浜嗚鏈嶅姟鍣ㄣ佸簲鐢ㄣ佹暟鎹簱鑳藉褰兼浜や簰锛屽悗绔伐绋嬪笀闇瑕佸叿鏈夌敤浜庡簲鐢ㄦ瀯寤虹殑鏈嶅姟鍣ㄧ璇█锛屾暟鎹浉鍏冲伐鍏凤紝PHP妗嗘灦锛岀増鏈帶鍒跺伐鍏凤紝杩樿鐔熺粌浣跨敤 Linux 浣滀负寮鍙戝拰閮ㄧ讲鐜銆傚悗绔紑鍙戣呬娇鐢ㄨ繖浜涘伐鍏缂栧啓骞插噣銆佸彲绉绘銆佸叿鏈夎壇濂芥枃妗ｆ敮鎸佺殑浠ｇ爜鏉ュ垱寤烘垨鏇存柊 Web 搴旂敤銆備絾鍦ㄥ啓浠ｇ爜涔嬪墠锛屼粬浠渶瑕佷笌瀹㈡埛娌熼氾紝...
