moa-frontend基于 jQuery + bootstrap 的前端框架
基于 jQuery + bootstrap 的前端框架。
技术栈
express
jade
bootstrap
bootstraptable
jquery
gulp
nginx
前后端分离实践
前端:moa-frontend
public下面的采用nginx做反向代理
其他的采用express+jade精简代码(ajax与后端交互)
后端:moa-api
Install
npm install npm start
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
前端端口3010
api端口3005
simditor_qn
复制config/simditor_qn.example.conf为config/simditor_qn.conf
module.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.cn/" + 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
评论
LuLu UI基于 jQuery 的前端 UI 框架
LuLuUI是一个基于jQuery,针对PC网站,兼容IE8+或IE7+的前端UI框架,包含20+静态或动态UI组件。上手简单lulu整个项目就是提供一些UI组件的JS和CSS,很纯粹的JS和CSS,
LuLu UI基于 jQuery 的前端 UI 框架
0
LuLu UI基于 jQuery 的前端 UI 框架
LuLu UI 是一个基于 jQuery,针对 PC 网站,兼容 IE8+ 或 IE7+ 的前端 U
LuLu UI基于 jQuery 的前端 UI 框架
0
alienship基于 Bootstrap 的 WordPress 框架
Alien Ship 是用 Twitter Bootstrap 构建的 WordPress 主题框架
alienship基于 Bootstrap 的 WordPress 框架
0
alienship基于 Bootstrap 的 WordPress 框架
AlienShip是用TwitterBootstrap构建的WordPress主题框架。Alienship可能对一些人来说有些陌生,但它是bootstrapwordpress开发的试金石。其最新版本已
alienship基于 Bootstrap 的 WordPress 框架
0
Bootstrap Tree View基于 bootstrap 的 jQuery 多级列表树插件
bootstrap-treeview是一款效果非常酷的基于bootstrap的 jQuery 多级列
Bootstrap Tree View基于 bootstrap 的 jQuery 多级列表树插件
0
kuapingUI基于 Bootstrap 的扩展 UI 框架
关于kuapingUI(跨屏 UI 框架)是基于 Bootstrap 的扩展 UI 框架。基于boo
kuapingUI基于 Bootstrap 的扩展 UI 框架
0
kuapingUI基于 Bootstrap 的扩展 UI 框架
关于kuapingUI(跨屏UI框架)是基于Bootstrap的扩展UI框架。基于bootstrap如果说Boostrap提供了一个可靠的网页元素UI组件,来构建一个网页,那么跨屏UI框架,则在boo
kuapingUI基于 Bootstrap 的扩展 UI 框架
0