# 第01节：UI工程搭建
作者：小傅哥
博客：https://bugstack.cn (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台应用实例做个互备就可以了。
