前端开发

ModStart框架使用了 jQuery 等基础前端技术,页面不限于使用 Vue、React 作为前端技术集成。

前端代码位置

  • ModStart基础前端代码位于 vendor/modstart/modstart/resources/asset/
  • 不同模块的前端代码位于 module/Xxx/resources/asset/

前端代码需要使用 nodejs 构建,需要预先了解前端使用webpack打包的基础知识。

前端代码编译

  1. 进入前端代码目录,如 vendor/modstart/modstart/resources/asset/
  2. 安装npm依赖,运行命令 npm install (不可描述的原因,国内npm速度较慢,可以使用cnpm替代)
  3. 打包前端代码,运行命令 webpackgulp

前端代码编译需要预先安装 nodejs ,且保证nodejs的版本 >=14 模块的前端代码会引用「ModStart基础前端代码」,在操作前请先在「ModStart基础前端代码」目录安装依赖( npm install

举个例子

Vue单页应用集成:

Vue普通方式集成: