上一篇我们分析了官网的栏目规划以及表结构设计,有了具体的设计就可以搭建官网的后台系统了。后台系统通常提供给企业的编辑人员使用,日常上传宣传文章、录入课程、录入教师、录入宣传案例。本篇我们介绍一下具体的搭建过程。

1 创建数据模型

在微搭中提供了丰富的数据库,既可以创建文档型数据库,也可以创建关系型数据库。本次的实战课程我们还是继续在关系型数据库进行搭建。总体上关系型数据库比较成熟,表关联比较方便再一个读取的性能也要强过文档型数据库。

先创建课程分类表,并且搭建对应的字段

接着创建课程表,课程表要和课程分类表进行关联


接着创建教师表

接着创建课程教师关联表,字段都是关联关系


接着创建校区表

继续创建栏目表

继续创建文章表

继续创建学员案例表

2 创建应用

表搭建好了之后,我们需要给网站的编辑人员搭建一个内容管理的后台。打开可视化低代码,切换到管理应用,点击创建空白应用

输入应用的名称

3 创建页面

应用创建好之后,就可以根据模板生成页面了。点击创建页面的图标,选择表格与表单页,选择创建好的数据模型生成对应的增删改查的页面

优学教育官网后台系统搭建


切换到布局设计,选择左侧导航布局,选中导航菜单组件,属性里点击根据页面生成菜单的图标

菜单一般只保留列表页面,配置相应的图标

回到页面设计,选中页面组件,页面布局选择我们的左侧导航布局

选择表格组件,设置筛选器,选择对应的字段作为查询条件

配置排序字段,按照我们设置的排序字段进行排序

如上配置好之后,继续创建页面,选择数据模型,布局就可以选择左侧导航布局了

因为已经有了菜单,这个时候我们配置菜单的时候点击添加平级菜单就可以

4 应用发布

页面和菜单都配置完毕后,点击发布就可以看到具体的效果

发布的时候会做配置检查,依次点击发布按钮将数据源发布

都变成对号之后再次点击发布按钮

发布成功后通过提供的网页地址就可以打开我们的后台系统,录入相关数据即可

总结

我们本篇介绍了官网后台的一个搭建过程,总体上像这类后台应用都需要先创建数据表,将表和表之间的关系理顺,接着就可以通过模板来一键生成管理页面,然后再配置菜单就可以很快的生成。