express + layui + angular +mysql 构建后台管理系统

最新推荐文章于 2023-10-25 16:17:02 发布

Weby-Weby

最新推荐文章于 2023-10-25 16:17:02 发布

阅读量697

点赞数

分类专栏：前端开发 jade node express Angularjs 模版引擎

本文链接：https://blog.csdn.net/qq_23521659/article/details/88032975

版权

本文档介绍了如何结合jade、layui、angular1.x和MySQL来构建后台管理系统。首先，通过jade作为公用模板，简化页面维护；接着，集中管理路由，分别在`routes/index.js`和`app.js`中进行配置；然后，详细说明了数据库连接配置，包括`mysql.config.js`和`db.js`文件，确保统一的数据访问；最后，预告后续将更新更多相关内容。

摘要由CSDN通过智能技术生成

jade中文文档：http://www.nooong.com/docs/jade_chinese.htm

layui中文文档：https://www.layui.com/doc/element/layout.html

angular1.x : http://www.runoob.com/angularjs/angularjs-tutorial.html

一，jade + angular公用模板

layout.jade

doctype html
html
    head
        title= title
        - var basePath = "http://localhost:3000"
        link(rel='stylesheet', href= basePath + '/thirdParty/layui/css/layui.css')
        link(rel='stylesheet', href= basePath + '/stylesheets/style.css')
        block page_style
    body(ng-app="app").layui-layout-body
        div.layui-body
                block content
    script(src=basePath + '/thirdParty/angular.1.6.9/angular.min.js')
        script(src=basePath + '/thirdParty/layui/layui.js')
        script(type='text/javascript', src=basePath + '/javascripts/main.js')
        block page_script

公用模板的作用在于后期维护十分方便，其他页面只需引用模板即可；