红联Linux门户
Linux帮助

社区网站系统jsGen全新重构0.5.0版上线

发布时间:2013-07-30 09:31:21来源:红联作者:empast
是用纯JavaScript编写的新一代开源社区网站系统,基于node.js和AngularJS。

本版更新说明 0.5.0
兼容IE8。
放弃Bootstrap 3框架,改用YUI的pure CSS框架,并入部分Bootstrap框架代码,如Modal、Tooltip等。
使用超酷的Icon:Font-Awesome。
动画效果,文章列表精简/摘要模式切换。
toastr信息提示条,用于显示错误或成功的请求信息。
优化响应式设计,手机、平板浏览器可完美访问。
分离语言机制,可方便切换成其它语言(模板中的语言暂未分离,待完成)。
完全重构AngularJS代码,各种很酷的功能代码如下。
全局Loading检测,自动响应loading状态,默认延迟1秒响应loading。可响应AngularJS内部所有http请求,如API请求、html模板请求等。
全局Error检测,自动过滤错误响应(即进入到controlller中的都是成功响应),包括服务器自身的错误响应如404、500等和服务器定义的错误响应,toastr显示错误信息。
统一的Validation验证机制,通过genTooltip指令收集并提示无效输入,配合uiValidate可对输入完成任何自定义验证。主要应用于用户登录、用户注册、用户信息修改、发表文章、发表评论,管理后台配置等。
统一的Dirty检测机制,通过genModal指令和union/intersect函数实现,在发表/编辑文章页面、用户信息配置页面、后台管理页面等修改了数据时,若未保存离开,提示警告信息。
通用的genPagination指令,效果仿Github,可实现有链接和无链接分页导航。前者生成url,可产生导航记录(浏览器前进后退),具体效果见文章列表。后者通过事件机制实现,不改变url,无导航记录(不能前进后退),具体效果见文章详情页面中的评论分页导航。
图片预占位异步加载genSrc指令,目前主要用于用户头像。jsGen使用Gavatar,再用户的Gavatar没用加载完成之前,显示本地服务器的占位图像,加载完成后自动替换成用户头像。
还有其他很酷的代码如定时器触发器timing,自动定位页面元素的anchorScroll(动画效果,方便好使,取代AngularJS内置的$anchorScroll),无须担心digest错误的applyFn(代替$apply),通用的Cookies存储服务myConf等
下版开发目标 0.6.0
优化重构服务器端node.js代码;
添加消息系统。

在线演示及交流社区:AngularJS中文社区

官方首页:https://github.com/zensh/jsgen

来自:开源中国社区
文章评论

共有 0 条评论