純JavaScript編寫的社區網站系統 jsGen 全新重構 0.5.0 版上線
jsGen是用純JavaScript編寫的新一代開源社區網站系統,主要用于搭建SNS類型的專業社區,對客戶端AngularJS應用稍作修改也可變成多用戶博客系統、論壇或者CMS內容管理系統。

本版更新說明 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中文社區
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!