共计 4036 个字符，预计需要花费 11 分钟才能阅读完成。
我是 3y，一年 CRUD 教训用十年的 markdown 程序员👨🏻💻长年被誉为优质八股文选手
花了几天搭了个后盾治理页面，明天分享下我的搭建过程，全文 非技术向，就当跟大家吹吹水吧。
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
总的来说，我还是感觉这些框架有肯定的学习老本（我真的是懒出天际了）。可能须要我去部署后端，也可能须要我学习前端的框架语法，也可能让我学Vue
看到这里，可能你们很好奇我最初选了什么作为 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
