AngularJS社区网址系统 jsGen

jsGen是用纯JavaScript编写的新一代开源社区网址系统,重要用来搭建SNS类型的正儿8经社区,对客户端AngularJS动用稍作修改也可改为多用户博客系统、论坛大概CMS内容管理连串。

jsGen基于NodeJS编写服务器端程序,提供静态文件响应和REST
API接口服务;基于AngularJS编辑浏览器端应用,创设立外交关系互式网页UI视图;基于MongoDB编写数据存款和储蓄系统。

jsGen基本原理:客户端浏览器发起访问请求后,NodeJS服务器先响应由AngularJS编写的Web应用,那么些动用是由html模板、js和css静态文件组成。客户端获取到AngularJS应用后,再由AngularJS与后台的NodeJS服务器API接口通讯,根据用户请求沟通数据,这一个数据是纯粹json数据包,AngularJS获取到json数据包后再编写翻译成相关页面彰显给用户。由此,用户进入网址时,只需在第三回载入视图模板(html、js、css),其后的具备请求都是纯json数据调换,不再包括html代码,大大收缩了数据流量。

特点:
  1. 前方的WEB技艺,前所未有的网址构架形态,前端与后端完全分离,前端由
    AngularJS 生成视图,后端由 Node.js 提供REST
    API数据接口和静态文件服务。只需退换前端AngularJS应用形态,就可以成为论坛、多用户博客、内容管理种类等。

  2. 用户数量、小说评论数据、标签数据、分页缓存数据、用户操作间隔限期等都采纳
    LRU缓存AngularJS, ,下跌数据库IO操作,同时保险同步立异数据。

  3. 左右端应用 json 数据包举办数据通信。小说、评论选取 Markdown
    格式编辑、存款和储蓄,帮助GitHub的GFM(GitHub Flavored
    马克down),马克down解析成HTML DOM并开展 XSS攻击
    过滤由前端AngularJS应用完毕。

  4. 用户帐号系统,关怀(follow)用户/听众、邮箱验证激活、邮箱复位密码、SHA25陆加密安全登入、登入退步七次锁定/邮箱解锁、用户标签、用户积分、用户权限品级、用户阅读时间线等职能。用户首页展现用户关切标签、关心作者的相干的篇章(即用户感兴趣的稿子)。

  5. 文章/评论系统,小说、评论使用统一数据结构,均可被评论、扶助、反对、标志(mark,即收藏),当评论达到一定条件(美丽评论)可活动晋级为小说(独立出来,类branch成效),同样文章达到自然标准即可自动推荐。自动实时总结作品、评论热度,自动生成最新篇章列表、二十四日内最热文章列表、七日内最热评论列表、近来更新作品列表。庞大的篇章、评论列表分页导航作用,缓存每一种用户的分页导航浏览记录。

  6. 标签系统,小说和用户均可加标签,可设置小说、用户标签数量上限。用户通过标签设置自身关怀话题,小说通过标签形元素类。标签在用户编辑个人音讯或编辑成文时自动生成,自动管理,也可管理员后台管理。自动展现热点标签。

  7. 作品合集系统,笔者、编辑、管理员可将一文山会海相关小说结合合集,产生有章节大纲目录的电子书形态。教程文书档案、主旨合集甚至随笔连载等均可由合集系统造成。(待实现)

  8. 站内短信系统,提供在文章、评论中
    @用户的成效,首要短信发送邮件文告功效等。(待完成)

  9. 后台管理种类,网址参数设置、缓存设置、网址运转消息、小说、评论、用户、标签、合集、站内短信等管理。

  10. Robot
    SEO系统
    ,由于AngularJS网页内容在客户端动态变化,对搜索引擎robot天生免疫性。jsGen针对robot访问,在服务器端动态生成robot专属html页面。寻觅引擎罗布ot名称可在治本后台增添。

说明

jsGen
是为AngularJS中文社区开采的网址体系,测试版已上线。
github地址:https://github.com/zensh/jsgen

AngularJS 開發實戰:解析 angular-seed
專案架構與內容

from Will Huang

AngularJS入门教程

AngularJS学习笔记

AngularJS
最好推行

运用AngularJS创设大型Web应用

UI-Utils A utility package with no external
dependencies

AngularJS 有没不经常?MVVM
框架中有比它越来越好的吗?

本人的web开辟最强组合:Play一+angularjs+bootstrap ++ (idea +
livereload)

AngularJS
開發框架介紹

如何讓Visual Studio 2012 支援 AngularJS 的
Intellisense

Connecting to Database Using
AngularJS

Angular.js example
application

多少个示范带您读书AngularJS 

Learning AngularJS by Example – The Customer Manager Application
http://weblogs.asp.net/dwahlin/archive/2013/10/25/learning-angularjs-by-example-the-customer-manager-application.aspx

相关文章