第01节：UI工程搭建

作者：小傅哥
博客：https://bugstack.cn (opens new window)

沉淀、分享、成长，让自己和他人都能有所收获！

• 运营后台 @一点江南 (opens new window)

一、开发日志

• 在考虑运营后台搭建的时候，想着要哪套UI方案来解决。其实如果公司里有前端人员来开发后台运营页面，那么基本可能是使用 vue、react、angular，但如果没有这样的前端而是需要后端Java人员来开发，就需要考虑一个迭代和维护成本，因为并不是所有的后端研发都需要学习 vue 等前端开发语言的。
• 那么在这里我汇总了三套 UI 运营后台方案，分别是：layuion (opens new window)、vue-element-admin (opens new window)、preview.pro.ant.design (opens new window)
• 为了使用起来更加方便和容易上手，这里我选择了 layui 作为运营后台的搭建框架，后续我们在开发对C端的抽奖页面的时候再使用 vue 语言，这样两种方式就都使用到了。当然如果对 vue 很感兴趣，也可以在这里使用 vue 的方式进行运营后台页面搭建。

二、搭建运营后台

虽然 layui 已经下线了，但对于日常使用其实也够用了，当然如果希望后续更好的扩展，那么使用 vue 搭建也是可以的。这里小傅哥选择 DDD 架构分层结构 + layui 搭建运营后台工程；

• 之所以搭建 DDD 结构是因为这里是 DDD 在没有 RPC 引入的时候，更为紧凑的结构模型，可以在这里体现给大家。它的整个结构你可以看到 Application 应用层定义接口在 Domain 领域层做实现，最终交给 interfaces 接口层使用。
• ui 方便我们这里不是前后端分离的，而是直接放到工程中，算是一种比较古老的实现方式，但在开发内部使用的运营后台还是非常合适的，因为一般运营后台只是内部运营人员使用，通常部署2台应用实例做个互备就可以了。