纯JavaScript编写的社区网站系统 jsGen 全新重构 0.5.0 版上线

jopen 8年前

jsGen是用纯JavaScript编写的新一代开源社区网站系统,主要用于搭建SNS类型的专业社区,对客户端AngularJS应用稍作修改也可变成多用户博客系统、论坛或者CMS内容管理系统。

纯JavaScript编写的社区网站系统 jsGen 全新重构 0.5.0 版上线

本版更新说明 0.5.0

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

下版开发目标 0.6.0

  1. 优化重构服务器端node.js代码;
  2. 添加消息系统。

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