moa-frontend- 基于 jQuery + bootstrap 的前端框架

moa-frontend- 基于 jQuery + bootstrap 的前端框架

基于 jQuery + bootstrap 的前端框架。

技术栈

expressjadebootstrapbootstraptablejquerygulpnginx

前后端分离实践

前端：moa-frontendpublic下面的采用nginx做反向代理其他的采用express+jade精简代码（ajax与后端交互）后端：moa-api

Install

npm install npm start

访问 http://127.0.0.1:3010/

Features

经典的 jQuery + bootstrap 简单易用响应式，兼容移动端和pc端expressjs + jade 代码极简，功能强大自动挂载路由，在routes目录创建js文件会被自动识别，无需在app.js里配置代码变动，自动重启服务器支持log4js日志内置simditor和七牛上传图片内置uploadify文件上传使用gulp构建

Configuration

nginx

复制config/nginx.example.conf为config/nginx.conf修改config/nginx.conf相关端口配置执行gulp nginx

说明

实际端口8000前端端口3010api端口3005

simditor_qn

复制config/simditor_qn.example.conf为config/simditor_qn.confmodule.exports = {  path: ’/simditor/upload’,  fileKey: ‘file’, multer:{    dest: ‘uploads/’  }, qn:{ accessKey: ‘xxx’, secretKey: ‘yyy’, bucket: ‘mengxiaoban’, origin: 'http://{bucket}.u.qiniudn.com’, // timeout: 3600000, // default rpc timeout: one hour, optional // if your app outside of China, please set uploadURL to http://up.qiniug.com/ // uploadURL: 'http://up.qiniu.com/’, }, url:function(result){ return ”http://img.mengxiaoban-/" + result.hash; }}

说明

path 是simditor里使用的上传路径fileKey 是上传后，路由里req获取的字段名称multer是express里multer中间件的配置qn是qn这个node模块的配置url是最终图片地址，可以自己定义

Tasks

npm start 启动服务器gulp routes 打印路由gulp kp 停止服务器gulp nginx 启动nginx服务器gulp 跑测试，依赖gulp watch和gulp mocha

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。