-
git clone https://github.com/Ahkari/saasSeed.git
-
下载webSotorm,打开下载好的这个项目
-
npm install
-
打开run里的config,新增一个nodejs的启动程序。
-
配置其JavascriptFile为
./bin/start
,新增Environment variables,NODE_ENV=development
,apply之后run -
您的项目可以通过浏览器http://localhost:8000 访问!
后端提供Java API
前端控制整个view层
中间层采用nodejs,基于express框架,主要做以下的工作:
-
路由分配
-
请求转发
-
link 由 webpack打包好的文件和hbs模板
项目构建工具有两个:
-
webpack
构建所有js文件,在源目录下生成bundle.js和vendor.bundle.js两个打包好的文件供hbs模板引用
-
gulp
构建除了js以外的所有文件,驱动webpack,watch src目录中的js文件
前端层架构:
-
主框架是react
-
基于react-redux以数据驱动的方式开发
-
使用react-router控制hash路由
-
使用react-redux-router同步路由与store的状态