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


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

1 创建数据模型

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

先创建课程分类表,并且搭建对应的字段
在这里插入图片描述
接着创建课程表,课程表要和课程分类表进行关联
在这里插入图片描述

在这里插入图片描述
接着创建教师表
在这里插入图片描述
接着创建课程教师关联表,字段都是关联关系
在这里插入图片描述
在这里插入图片描述
接着创建校区表
在这里插入图片描述
继续创建栏目表
在这里插入图片描述
继续创建文章表
在这里插入图片描述
继续创建学员案例表
在这里插入图片描述

2 创建应用

表搭建好了之后,我们需要给网站的编辑人员搭建一个内容管理的后台。打开可视化低代码,切换到管理应用,点击创建空白应用
在这里插入图片描述
输入应用的名称
在这里插入图片描述

3 创建页面

应用创建好之后,就可以根据模板生成页面了。点击创建页面的图标,选择表格与表单页,选择创建好的数据模型生成对应的增删改查的页面
在这里插入图片描述
在这里插入图片描述
切换到布局设计,选择左侧导航布局,选中导航菜单组件,属性里点击根据页面生成菜单的图标
在这里插入图片描述
菜单一般只保留列表页面,配置相应的图标
在这里插入图片描述
回到页面设计,选中页面组件,页面布局选择我们的左侧导航布局
在这里插入图片描述
选择表格组件,设置筛选器,选择对应的字段作为查询条件
在这里插入图片描述
配置排序字段,按照我们设置的排序字段进行排序
在这里插入图片描述
如上配置好之后,继续创建页面,选择数据模型,布局就可以选择左侧导航布局了
在这里插入图片描述
因为已经有了菜单,这个时候我们配置菜单的时候点击添加平级菜单就可以
在这里插入图片描述
在这里插入图片描述

4 应用发布

页面和菜单都配置完毕后,点击发布就可以看到具体的效果
在这里插入图片描述
发布的时候会做配置检查,依次点击发布按钮将数据源发布
在这里插入图片描述
都变成对号之后再次点击发布按钮
在这里插入图片描述
发布成功后通过提供的网页地址就可以打开我们的后台系统,录入相关数据即可
在这里插入图片描述
在这里插入图片描述

总结

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

低代码布道师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值