%20(2).svg)
项目简介
本项目是基于SailsJS框架的单页应用程序（SPA）。SailsJS是实时、基于Node.js的服务器端框架，结合Vue前端框架、Vue Router前端路由以及Webpack构建工具，实现了前后端分离的开发模式，可用于快速开发各类SPA应用，像后台管理、内容管理系统等。
项目的主要特性和功能
- 前后端分离架构：采用Vue负责前端，SailsJS负责后端，提高开发效率与可维护性。
- 路由管理：借助Vue Router实现前端路由管理，让页面切换流畅。
- 模块化开发：使用Webpack实现模块化开发，方便代码组织和管理。
- 实时通信：利用SailsJS的实时通信能力，实现前后端实时数据交互。
- 配置灵活：通过配置文件，能轻松调整项目设置，如页面、加载器、插件等配置。
安装使用步骤
前提条件
用户需下载本项目的源码文件，且已安装Node.js（推荐v16及以上版本）和npm。
安装依赖
在项目根目录下，运行以下命令安装依赖：
bash
npm install
启动项目
- 普通开发模式：运行
sails lift，访问地址为http://localhost:1337，host地址可在config/macros.js中更改。 - 热加载开发模式：运行
sails lift --hot，访问地址为http://localhost:3000。 - 普通生产模式：运行
sails lift --prod，webpack会打包所有资源。 - 极速生产模式：运行
sails lift --prod --fast，webpack不进行打包，.tmp网站目录不会生成任何文件，需结合cdn部署，cdn源站地址请在config/macros.js中设置。 - 生产部署模式：运行
sails lift --prod --deploy，webpack会打包所有资源至www文件夹，还需自行在api/deploy/index.js中实现上传整个www目录文件至cdn源站。 - 仅仅部署：当生产部署模式中cdn上传失败时，使用
sails lift --only --deploy命令，仅重新执行api/deploy/index.js。
生成页面和模块
使用以下命令生成新页面文件或页面模块：
bash
sails generate page <groupName> <pageName> <moduleName>
sails generate page-module <groupName> <pageName> <moduleName>
配置项目
根据需求修改配置文件，如：
- config/pages.js：定义公共第三方库模块和页面配置。
- config/macros.js：全局宏配置，支持前后端共享。
- config/webpack-loaders.js：webpack加载器配置。
- config/webpack-paths.js：webpack模块别名（路径）配置。
- config/webpack-plugins.js：webpack插件配置。
在根目录创建 .devlaunch 文件，可配置开发时仅启动的页面组：
json
{
"pages": [
"group-auth",
"group-app",
""
]
}
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】