layuiAdmin单页版-----学习整理

关于layuiAdmin（单页版）能找到的常规使用操作，建议先看这部分：

开发者文档：https://www.cnblogs.com/niuben/p/11038897.html

https://blog.csdn.net/sanai_1992/article/details/100129330

官网layuiAdmin实例：https://www.layui.com/admin/pro/#/senior/im/

============================================================================

这部分是我在学习开发文档后，依旧有点懵，然后做的一些简单的整理。

============================================================================

1.进入页面：http://localhost:8080/layuiAdmin/start/index.html

项目要先部署在本机服务器中

layuiAdmin是项目名

/start/index.html为宿主页面，承载所有页面(可以看做是个前缀)。如下，是指进入了dataanalysis/map页面。

 

2.layuiAdmin框架都是整合好的，每个页面都不全，他们都通过config.js页面整合在一起。内容页面中的只有div标签和部分js脚本，头部标签部分都在宿主页面。

start/jason/menu.js文件负责修改项目的菜单栏，以及它对应的路由路径（可以理解为项目中的url路径）。

拿上面的url来说，点击菜单栏，会调用menu.js文件中相应的jump路径，该路径和它在项目中该页面的目录路径相对应。

 

3.对于有些想自定义却又不知道应该把文件建在哪里的，可参考下（ps:有些不一定非要按这个目录，只是推荐给像我一样刚开始使用，需要有个参考的朋友）：

start/json/menu.js ：侧边菜单数据，可以自定义菜单栏模块内容，过程如2.

src/views/：存放视图文件，即每个菜单栏模块具体要显示的内容放在这里。目录格式如2.

src/controller/：存放 JS 业务模块，如果觉得都写在views页面中太长，可以把js函数单独存放在这里。

src/style/:对于页面中自己写的css，js，使用到的图片，字体等可以单独建个目录在其下。引用方式和原来一样，css写在头部，js写在页尾。

start/json/:存放页面中可能用到的json文件。

start/index.html:公用的css和js及其引用可放在这里。开发时和发布时需修改config配置。

src/lib/extend/：扩展的 js或第三方插件可放在此处。

 

4.出现过的问题：

*修改后，界面无反应？

  注意宿主页面的基本运行路径。

  注意清理浏览器缓存。

*自定义的js和css？

  js放在src/controller页面；外部引用的js和css及自定义的css可以放在宿主页面，json数据内容放在start/json。

*修改后，每次都要重新刷新当前页面才行，直接点击菜单栏，加载出的页面不完整？（还未解决）

 

5.接触的时间并不长，预计还会继续学习一段时间，所以会持续更新。