admui框架使用经验

时间:2023-03-09 19:49:13
admui框架使用经验

刚开始接触admui框架时确实有些迷茫,不知道怎么使用,摸索了一段时间后才发现这个框架很简单!以下是我遇见的一些坑,总结一下啦!

1.使用框架第一步就是开启服务器,我给公司写项目时开启的是5000端口的,开始根据文档,cmd打开命令窗口,cd 框架路径 -->回车然后输入 npm install -->回车

npm start-->回车,使用这种方式有时会报错,具体错误没有深入研究,因为有更好的工具,使用webstrom只需要输入两行命令即可开启服务器,npm install--->回车

npm start --->回车

2.今天在输入两行命令后报了一个错,Port 5000 requires elevated privileges,报这个错误的原因是之前自己启动了IIS,IIS会占用80端口,解决办法是:

cmd-->services.msc 使用该命令打开服务(你也可以直接打开任务管理器找到服务)  然后找到World Wide Web Publishing Service 然后关闭就可以了

3.admui 中有很多组件是已经封装好的,我们在写项目时可以直接使用,我们在文档中找到该组件,然后根据目录,在编辑器中打开该组件所在的.html文件,在自己的也页面中引入css,js文件,将自己需要的部分复制然后粘贴到自己的也米昂中就可以了。

4.使用的工程中需要注意,如果想写一个单独的页面,需要把,html文件放在views目录下,映入自己的css,js文件需要先引入,然后你再引入需要的插件的css,js文件,public是静态资源文件夹,在后端已经配置好了静态资源文件夹,所以会见所有的静态资源放在public目录下,引入时路径应当的'/images/xx.jpg',或'/css/xxx.css'