花了几天搭了个后台管理页面，本日禀享下我的搭建过程，全文非技能向，就当跟大家吹吹水吧。
1、我的前端技能
老读者可能知道我是上了大学往后，才理解什么是编程。在这之前，我对编程一无所知，乃至报考了打算机专业之后也未曾理解过它是做什么的。
在大一的第一个学期，我印象中只开了一门C++的编程课（其他的全是数学）。嗯，天经地义，我是听不懂的，也不知道用来干什么。
刚进大学的时候，我对统统充满了未知，在那时候顺其自然地就想要进几个社团玩玩。但在浩瀚社团里都找不到我善于的领域，等快到截止韶光了。我又不想大学期间什么社团都没有参加，末了报了两个：乒乓球社团和打算机协会。
这个打算机协会绝大多数的职员都来自于打算机专业，再后来才创造这个协会的紧张事情便是给人「重装系统」，不过这是后话啦。
当时加入打算机协会还须要知足一定的条件：师兄给了一个「网站」我们这群人，让我们上去学习，等到国庆回来后看下我们的学习进度再来决定是否有资格加入。
那个网站实在便是对HTML/CSS/JavaScript的入门教程，是一个国外的网站，详细的地址我肯定是忘了。不过那时候，我国庆闲着也没事干，于是就开始学起来了。我当时的进度该当是学到CSS，能大略的页面布局和展示图片啥的
刚开始的时候，以为蛮有趣的：我改下这个代码，字体的颜色就变了，图片就能展示出来了。原来我平时上网的网站是这样弄出来的啊！
（比什么C++有趣多了）
国庆后回来创造：考察啥的并不主要，只要报名了就都通过了。
有了基本的认知后，我对这个也并不太上心，没有持续地学下去。再后来，我实在是太无聊，就开始想往后毕业找事情的事了，自己也得在大学充足下自己，于是我开始在知乎搜各种答案「如何入门编程」。
在知乎搜了各种路线并摧残浪费蹂躏了大量韶光往后，我终于开始看视频入门。我熬完了JavaSE根本之后，我记得我是看方立勋老师入门的JavaWeb，到前真个课程往后，我以为前端HTML/CSS/JavaScript啥的都要补补，于是又去找资源学习（那时候信奉着技多不压身）。
印象中是看韩顺平老师的HTML/CSS/JavaScript，那时候还手打代码的阶段，把我看得一愣一愣的（IDE都不须要的）。随着学习，创造彷佛还得学AJAX/jQuery，于是我又去找资源了，不过我已经忘了看哪个老师的AJAX和jQuery课程。
在这个学习的过程中，我曾经用纯HTML/CSS/JavaScript随着视频仿照过某某网站，在jQuery的学习时候做过各种的轮播图动画。还理解了margin和padding的差异。附近毕业的时候，也会点BootStrap来写个大略的页面（丑就完事了）
等我进公司了往后，技能架构前后端是分离的，虽然我拉了前真个代码，但我看不懂，期间我也没学。以至于我两年多是没碰过前真个，我对前端充满着敬畏（刚毕业那段韶光，前端在飞速发展）
2、austin前端选型从我方案要写austin项目的时候，我就知道我肯定要写一个「后台管理页面」，但我迟迟没下手。一方面是我认为「后端」才是我的赛道，另一方面我「前端」确实菜，不想动手。
我有想过要不找个小伙伴帮我写，但是很快就被我自己否定了：还得给小伙伴提需求，算了。
当我要面临前真个时，我第一韶光就想到：肯定是有什么框架能够快速搭建出一个管理页面的。我自己不知道，但是，我的朋友圈肯定是有人知道的啊。于是，我果断乞助：
我被安利了很多框架，大略列举下出场率比较高的。
注：大多数我只是粗略看了下，没有仔细研究。若有缺点可以在评论区留言，轻喷
2.1 renren-fast官网文档：https://www.renren.io/guide#getdoc
它这个框架是前后端分离的，后端还可以天生对应的CRUD代码，前端基于vue和element-ui开拓。
当时实在我有点想选它的，但考虑到我要再支配个后端，还得学点vue，我就搁置了
2.2 RuoYi官方文档：http://doc.ruoyi.vip/ruoyi/
RuoYi给我安利的大概多，这个貌似最近非常火？觉得我被推举了往后，到处都能看到它的身影。
我大略刷了下文档，觉得他做的事比renren-fast要多，文档也很完好，但是没找到我想要的东西：我打开一个文档，我希望能看到它的系统架构，系统之间的交互或者架构层面上的东西，但我没快速找到。
项目完好和繁芜对我来说或许并不是一件好事，很可能意味着我的学习本钱可能会更大。于是，我也搁置着。
2.3 Vue干系vue-element-admin
官方文档：https://panjiachen.github.io/vue-element-admin-site/zh/guide/
Vue Antd Admin
官方文档：https://iczer.gitee.io/vue-antd-admin-docs/start/use.html#%E5%87%86%E5%A4%87
Ant Design Pro
官方文档：https://pro.antdv.com/docs/getting-started
这几个项目被推举率也是极高的，从第一行先容我基本就知道须要去学Vue的语法，奈何我太2.4 layui
有好几小伙伴们听说我会jQuery，于是给我推举了layui。我以前印象中彷佛听过这个框架，但一贯没理解过他。但是，当我搜到它的时候，它已经不掩护了
GitHub地址：https://github.com/sentsin/layui
我大略浏览下文档，实在它也有对应的一套”语法“，须要一定的学习本钱，但不高。
第一觉得有点类似我以前写过的BootStrap，我对这不太感冒，觉得如果要接入可能还是须要自己写比较多的代码。
2.5 其他还有些小伙伴推举或者我看到的文章推举：x-admin/D2admin/smartchart/JEECG-BOOT/Dcat-admin/iview-admin等等等，在这里面还有些依赖着PHP/Python
总的来说，我还是以为这些框架有一定的学习本钱（我真的是
看到这里，可能你们很好奇我末了选了什么作为austin的前端，都已经被我筛了这么多了。在公布之前，我想说的是：如果想要页面好看和灵巧性高还是得学习Vue。从上面我被推举的框架中，好多都是在Vue的根本上改动的，并且我敢肯定：还有很多基于Vue且好用的后台是我不知道的。
注：我这里指代跟我一样不懂前真个（如果本身就已经懂前端，你说啥都对）
3、amis框架
我末了选择了amis作为austin的前端。这个框架在我朋友圈只有一个小伙伴推举，我第一次打开文档的时候，确实惊艳到我了
文档地址：https://baidu.gitee.io/amis/zh-CN/docs/index
它是一个低代码前端框架：amis 的渲染过程是将 json 转成对应的 React 组件
我花了半天粗略地刷了下文档，大概知道了JSON的构造（说实话，他这个文档写得挺可以的），然后我去GitHub找了一份模板，就直接开始动手了，readme十分简短。
GitHub：https://github.com/aisuda/amis-admin
这个前端低代码工具还有个好处便是可以通过可视化编辑器拖沓天生JSON代码，将天生好的代码直接往自己本地一贴，就完事了，确实挺方便的。
可视化编辑器的地址：https://aisuda.github.io/amis-editor-demo/
4、利用感想熏染实在没什么好讲的，无非便是在页面上拖沓得到一个页面，然后调用API的时候看下文档的姿势。
在这个过程中我也去看了下这个框架的评价，创造百度内部很多系统就用的这个框架来搭建页面的，也看到Bigo也有在线上利用这个框架来搭建后台。有一线/二线公司都在线上利用该框架了，我就认为问题不大了。
总的来说，我这次搭建austin后台实际编码韶光没多少，都在改JSON配置和查文档。我周六下午2点到的图书馆，新建了GitHub仓库，在6点闭馆前就已经搭出个大概页面了，然后在周日空闲韶光里再完善了几下，觉得可以用了
austin-amis仓库地址：https://github.com/ZhongFuCheng3y/austin-admin
在搭建的过程中，amis低代码框架还是有地方可吐槽的，便是它的灵巧性太低。我们的接口返回值须要迎合它的主体构造，当我们如果有嵌套JSON这种就变得非常难处理，表单无法用表达式进行回显等等。
它并不完美，很可能须要我用些奇怪的姿势妥协，不要问我接口返回的时候为啥转了一层Map
不管怎么说，这不妨碍我花了极短的韶光就能搭出一个能看的后台管理页面(CRUD已完好)
5、总结
目前搭好的前端能用，也只能用一点点，后面会逐渐完善它的配置和功能的。我后面有链路追踪的功能，肯定要在后台这把洗濯后的数据供应给后台进行查询，但也不会花比较长的篇幅再来聊前端这事了。
我一贯定位是在后真个代码上，至于前端我能学，但我又不想学。怎么说呢，利益最大化吧。我把学前真个韶光花在学后端上，或容许能对我有更大的受益。现在基本前后端分离了，在公司我也没什么机会写前端。
下一篇很有可能是聊分布式定时任务框架上，我创造我的进度可以的，这个季度拿个4.0该当问题不大了。
都看到这里了，点个赞一点都不过分吧？我是3y，下期见。
关注我的微信公众号【Java3y】除了技能我还会聊点日常，有些话只能悄悄说~ 【对线口试官+从零编写Java项目】 持续高强度更新中！
求star！
！
原创不易！
！
求三连！
！
austin项目源码Gitee链接：gitee.com/austin
austin项目源码GitHub链接：github.com/austin
来源：https://www.cnblogs.com/Java3y/p/16020226.html
