This is a starter boilerplate app I've put together using the following technologies:
- Both client and server make calls to load data from separate API server
- KOA
- React
- Mongo
- Mongoose
- FKP Cache fkp cache
- FKP Router base fkp cache
- FKP Flux for react, base fkp cache, it's a React mixins
- Babel for ES6 and ES7 magic
- Webpack for bundling
- GULP
- browser-sync
- Webpack Hot Middleware
- lru-memoize to speed up form validation
- style-loader
- less-loader to allow import of stylesheets in plain css, less
FKP-REST是一套前后端分离,基于javascript的全栈实现,适用于中小型项目,基于node的高性能,易部署性及javascript前后端语言的一致性,学习成本,时间成本及项目快速启动等等方面,FKP都是一种不错的解决方案。提升项目前期、中期的开发效率
FED: 前端有完整的脚手架系统,支持代码的编译、压缩、模块化,及基于Reactjs的各种组件,有router,flux, 存储等全局公共库;
BACK: 后端是基于KOAjs的完整mvc架构,通过中间层map有机的和前端高效结合,提供数据和渲染的支持。中间层map能够独立出来,用以实现传统基于后端的开发模式;
API: API层支持pass
及proxy
两种数据传输模式,极大的方便前端的开发工作,且避免了常见的跨域问题。通过简单的配置apilist实现与后端数据层的交互
DB: 数据库层以mvc架构模式,支持mongodb数据库,面向node/前端提供数据支持;
- 前端模块化开发(基于CMD模式,兼容AMD)
- 三套开发环境(demo/dev/pro)
- 前端代码的 编译/合成 / hash
- 服务端(基于node/koajs)数据处理及http服务
- 服务端同构React
- RESTFUL模式
- 支持微信接入
- 支持微信扫一扫,在微信中打开页面预览
- 支持React
- 支持sass/less(默认less)
- 支持原生javascript/coffeejs
- 前端部分支持CMD/AMD语法,可以无缝切换
- node端基于KOA MVC框架
- 开发环境带入api接口数据
- 支持markdown说明文档
- 编译配置模块化
全栈框架,包含压缩,编译,API,KOA(MVC), database(mongo) FKP-REST是基于前后端分离的模式开发而来,提供API模块与后端数据API接口对接,其他如渲染、简单逻辑、session,mv部分由前端统一处理. 当然,FKP-REST也同样支持传统开发模式,将map静态映射文件扔给后端就ok了
基于nodejs的CMD规范,支持CMD/AMD两种模块规范的语法,前端代码越来越复杂的现在,引入模块式的开发能够提升对代码的有效管理及大团队的多人的协同工作
三套开发环境,应对静态、数据、生产、源码压缩等不同的环境
-
demo环境用于开发纯静态模版、js、css,开发环境会自动输出非压缩的静态文件,同时输出xxxjs.map文件,用于快速调试与开发
ly demo
-
dev环境用于开发带API数据的环境,通过nodejs解决跨域问题,输出文件与demo环境输出文件相同
ly dev
-
pro环境是demo与dev的混合模式,并压缩静态文件,用于上线前检查输出文件是否有问题,所输出的静态文件可用于生产
ly pro
-
测试环境
ly dev test 或者 ly pro test