后台系统前端模板——WeAdmin
Layui作为后台开发的前端框架,一直以来深受后端开发人员的喜爱。今天这篇文章展示WeAdmin设计巧妙之处,如果需要自定义菜单结构、理解其中的代码和运作原理,这里会给大家演示其修改过程!
下面我给大家截图这个系统的一些具体界面
权限管理
数据分析(饼状图)
编辑功能
删除功能(弹出确认框)
更多的体验,可以下载对应源码然后运行即可
> 下面是自定义菜单结构名称的过程
方法1:
-
进入fastmock官网并注册账号,https://www.fastmock.site/
2. 创建接口根地址,并添加接口
将项目源码中的json/menu.json文件里的内容复制进接口内容中
3. 复制接口地址,按步骤修改项目中http.js文件(如图所示)
3.1 复制接口的完整地址
3.2 修改http.js文件,将接口地址填入url键中,并修改menuList变量值
方法二(给予思路):
通过源码我们可以发现,每次用户打开后台系统主页,都会通过http.js文件发送ajax请求,然后这个请求收到一个带有json格式的数据返回,根据这个思路,我们可以提前编写好菜单结构的json文件,后端通过读取这个json文件,返回其json数据格式的字符串给前端。
> 源码获取方式
关注公众号,回复"后台模板"即可
> 总结
好了,希望这篇文章对你寻找后台前端模板起到作用,建议多去看里面的源码的运行原理,当我们掌握了一套比较好的前端模板的核心技术,将提供我们后端开发的效率!
如果喜欢,可以点赞 + 收藏 + 关注