Skip to content

基于 Parcel 打包前端,包含 iView 框架。无缝衔接 Node Express 后端框架的前后端一体代码模板。

License

Notifications You must be signed in to change notification settings

imlinhanchao/vue-parcel-template

Repository files navigation

Vue Parcel Template

基于 Parcel 打包前端,包含 iView 框架。无缝衔接 Node Express 后端框架的前后端一体代码模板。

目录说明

  1. bin - 服务启动入口
  2. interface - 业务接口实现
  3. frontend - 前端代码
    1. assets - 前端资源
    2. components - 前端组件
    3. store - vue store
    4. theme - 全局样式
    5. views - 界面 vue 文件
    6. router - 前端路由
    7. util - 全局工具函数
  4. lib - 公共类库
  5. pubilc - 静态资源
  6. routes - 服务路由
  7. view - 视图
  8. script - 脚本

开发说明

  1. 更新 package.json 中的 name 和 description 等信息;
  2. 更新 cfg.json 网站配置的默认信息;
  3. 运行 npm run init 生成本地开发的网站配置档( config.json )和数据库配置档( model/config.json );
  4. 仿照 model/orms/account.js 编写你的数据表,编写后运行 npm run initdb 可以重置/生成所有数据表,重置/生成特定表则执行npm run initdb -- tabletable 为对应 orms 内的文件名。
  5. 在 interface 文件夹编写接口类,继承于 app.js,内含多种入口检查工具函数于快速生成增删改查接口的方法。
  6. 编写完成接口类则在 routes/api.js (使用 loader )挂载到路由中。
  7. frontend 为前端相关代码。

配置说明

  1. 新建数据库 db (根据需要,第二步配置时填入);
  2. 执行 npm run init,并根据提示填写信息(仅第一次);
  3. 若需要重新配置数据库,则运行 npm run initdb
  4. 若需要重置某个表,如:重置 account 表,则执行 npm run initdb -- account

调试说明

  1. 执行 npm install;
  2. 前端执行 npm run dev,后端使用 Visual Studio Code 运行调试(直接按下F5即可)。

部署说明

服务器需安装 nodejsnpm 。部署执行如下脚本:

npm install

编译前端代码:

npm run build

启动服务:

npm start

以守护进程方式,启动服务:

forever start ./bin/www

or

pm2 start ./bin/www

端口号

  • 3000 (可在config.jsonnpm run init配置)

About

基于 Parcel 打包前端,包含 iView 框架。无缝衔接 Node Express 后端框架的前后端一体代码模板。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published