ModStart前端开发

Posted 2021-11-04 Alan0088

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. 打包前端代码，运行命令 webpack 和 gulp

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

举个例子

Vue单页应用集成：

• Corp模块(opens new window)
• Doc模块(opens new window)

Vue普通方式集成：

• Question模块