laycms2.0静态纯前端工程:https://github.com/BrotherMa/layuicms2.0
1、在egg中新建一个“ http://localhost:7001/ ”路由,渲染View下的index.html界面,而index.html页面是后台管理系统的首页,所有页面将以此页面为基础,页面跳转、左侧导航栏等。
"egg-view-ejs": "^2.0.0",
"egg-static": "^2.1.1"
config.view = {
mapping: {'.html': 'ejs'} //左边写成.html后缀,会自动渲染.html文件
};
// static
config.static = {
prefix: '/public/',
};
完成了了2.2的配置后,访问“ http://localhost:7001/public ”将访问egg工程的public目录,因此所有引入了静态文件的位置加上/public/,包括JS、css、json静态文件配置,确保所有静态在文件可以正常引用。
后续前后端数据交互,需要进行进行前后端开发,可以进行前后端分离开发,前端通过ajax调用API和后端进行交互。 具体请求实例可以参考工程:https://github.com/dpc761218914/company_website
see egg docs for more detail.
$ npm i
$ npm run dev
$ open http://localhost:7001/
$ npm start
$ npm stop
- Use
npm run lint
to check code style. - Use
npm test
to run unit test. - Use
npm run autod
to auto detect dependencies upgrade, see autod for more detail.