国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

基于angular4+ng-bootstrap+bootstrap+scss的后臺管理系統界面

Yu_Huang / 1481人閱讀

摘要:描述在剛才發布的不久,很多人不懂得怎么應用,直到現在也很多人不懂怎么用,于是我在余業時間做了這么一個后臺管理系統頁面,希望對大家有幫助從我個人的感覺來說,語法很舒服,上手起來也比較快可能是因為我有方面的經驗吧,但同這些的思想有所不同,初學者

描述

在angular2剛才發布的不久,很多人不懂得怎么應用,直到現在也很多人不懂怎么用,

于是我在余業時間做了這么一個后臺管理系統頁面,希望對大家有幫助!!

從我個人的感覺來說,angular2語法很舒服,上手起來也比較快(可能是因為我有java方面的經驗吧),但同jquery、react這些的思想有所不同,初學者還是要先去了解他們的語法與思想!!

開源地址

https://github.com/myopenreso...

主要的第三方引用

一個基于angular4.2.4+ng-bootstrap1.0.0-beta.4+bootstrap4.0.0-beta+scss的后臺管理系統界面

更新情況

搭建環境,分別加入ng-bootstrap1.0.0-alpha.25、bootstrap4.1.3、font-awesome4.7.0、animate.css3.5.2等,cc版本為0.0.1
1.1 https://ng-bootstrap.github.i...
1.2 https://v4-alpha.getbootstrap...
1.3 http://fontawesome.io/
1.4 https://github.com/daneden/an...

登錄界面
2.1 src/login/login.component.ts

主頁界面
3.1 src/main/main.component.ts

添加alert與confirm組件
4.1 src/app/shared/modal/modal.service.ts

添加toast組件
5.1 src/app/shared/toast/toast.service.ts

添加第三方ng-charts組件
6.1 https://github.com/swimlane/n...

添加第三方angular-2-dropdown-multiselect組件與angular2-select組件
7.1 https://github.com/softsimon/...
7.2 https://github.com/basvandenb...

添加層次圖組件
8.1 src/app/shared/hierarchy-view/hierarchy-view.component.ts

添加第三方ng2-img-cropper組件
9.1 https://github.com/search?q=n...

添加頭像更換功能
10.1 src/main/avatar-cropper.component.ts

添加http服務
11.1 src/app/core/http.service.ts

添加utils工具
12.1 src/app/core/utils.ts

添加pagination組件
13.1 src/app/shared/pagination/pagination.component.ts

添加http-pagination組件
14.1 src/app/shared/pagination/http-pagination.component.ts

添加spin組件
15.1 src/app/shared/spin/spin.component.ts

添加第三方angular2-ui-switch組件
16.1 https://github.com/yuyang0410...

添加時間軸樣式
17.1 assets/scss/base/_common.scss

添加日期選擇datepickerI18n配置
18.1 src/app/shared/datepickerI18n/datepickerI18n.ts

添加img-cropper-select指令
19.1 src/app/shared/img-cropper-select/img-cropper-select.directive.ts

添加tree組件
20.1 src/app/shared/tree/tree.component.ts

添加select-tree組件
21.1 src/app/shared/tree/select-tree.component.ts

添加jquery

添加ztree組件
23.1 src/app/shared/ztree/ztree.component.ts

添加select-ztree組件
24.1 src/app/shared/ztree/select-ztree.component.ts

添加img-select-to-base指令
25.1 src/app/shared/img-select/img-select-to-base.directive.ts

添加switch組件
26.1 src/app/shared/switch/switche.component.ts

移除第三方angular2-ui-switch組件

升級版本為0.0.2

添加第三方ng2-file-upload組件
29.1 http://valor-software.com/ng2...

添加路由預加載策略,解決懶加載時首次使用卡頓問題
30.1 可參考博客http://blog.csdn.net/rotating...

添加custom-scrollbar.directive指令
31.1 配置參考:http://manos.malihu.gr/jquery...

添加image-viewer.directive指令
32.1 配置參考:https://github.com/fengyuanch...
32.2 配置參考:http://www.cnblogs.com/yi0921...

添加spin.component組件
33.1 src/app/shared/spin/spin.component.ts與src/app/shared/spin/spin.service.ts

添加部署Tomcat的方法
34.1 參考下面的部署到Tomcat章節說明

解決構建時使用--prod參數的報錯問題,使用--prod --aot可提升性能,升級cc版本為0.0.3

升級angular版本,使用yarn進行包版本管理,升級cc版本為0.0.4

升級ng-bootstrap1.0.0-beta.4與bootstrap4.0.0-beta+scss版本,升級cc版本為0.0.5

添加ng2-date-picker組件
38.1 配置參考:https://github.com/vlio20/ang...

添加localStorage.service與sessionStorage.service服務
39.1 src/app/shared/storage/localStorage.service.ts
39.2 src/app/shared/storage/sessionStorage.service.ts

添加page-browser.component組件
40.1 src/app/shared/page-browser/page-browser.component.ts

添加editor.component組件
41.1 src/app/shared/editor/editor.component.ts
41.2 配置參考:https://quilljs.com/docs/modu...

將shared目錄中的共享模塊按具體模塊拆分,升級cc版本為0.0.6

添加第三方ag-grid組件
43.1 配置參考:https://www.ag-grid.com/angul...

添加simple-data-table.directive指令以及相關組件
44.1 src/app/shared/simple-data-table/simple-data-http-page.component
44.2 src/app/shared/simple-data-table/simple-data-sort.component
44.3 src/app/shared/simple-data-table/simple-data-table.directive

補全各組件、指令、服務spec文件

整理目錄,升級cc版本為0.0.7
46.1 business:業務功能目錄
46.2 business-service:業務功能服務目錄
46.3 business-shared:業務功能共享目錄
46.4 error-page:錯誤頁面目錄
46.5 login:登錄模塊目錄
46.6 main:主體模塊目錄
46.7 shared:公共組件共享目錄

添加color-picker.component組件
47.1 src/app/shared/color-picker/color-picker.component.ts

整理組件樣式,將原來外部直接引入樣式移動到組件內部引入,升級cc版本為0.0.8

添加step.component組件
49.1 src/app/shared/step/step.component.ts

添加自定義驗證器,正在完善中,目前示例參考修改密碼功能
50.1 src/app/shared/custom-validator/custom-validator.ts

添加qrcode.component組件
51.1 src/app/shared/添加qrcode/qrcode.component.ts
51.2 配置參考https://github.com/neocotic/q...

environments配置文件添加domain(域名)屬性,根據不同環境的配置請求后端api

添加proxy.config.json配置文件,有需要代理的自行在package.json的start中添加--proxy-config proxy.config.json

添加email驗證器

添加url與number驗證器

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89055.html

相關文章

  • 基于angular4+ng-bootstrap+bootstrap+scss后臺管理系統界面

    摘要:描述在剛才發布的不久,很多人不懂得怎么應用,直到現在也很多人不懂怎么用,于是我在余業時間做了這么一個后臺管理系統頁面,希望對大家有幫助從我個人的感覺來說,語法很舒服,上手起來也比較快可能是因為我有方面的經驗吧,但同這些的思想有所不同,初學者 描述 在angular2剛才發布的不久,很多人不懂得怎么應用,直到現在也很多人不懂怎么用, 于是我在余業時間做了這么一個后臺管理系統頁面,希望對大...

    spacewander 評論0 收藏0
  • 基于angular4+ng-bootstrap+bootstrap+scss后臺管理系統界面

    摘要:描述在剛才發布的不久,很多人不懂得怎么應用,直到現在也很多人不懂怎么用,于是我在余業時間做了這么一個后臺管理系統頁面,希望對大家有幫助從我個人的感覺來說,語法很舒服,上手起來也比較快可能是因為我有方面的經驗吧,但同這些的思想有所不同,初學者 描述 在angular2剛才發布的不久,很多人不懂得怎么應用,直到現在也很多人不懂怎么用, 于是我在余業時間做了這么一個后臺管理系統頁面,希望對大...

    Muninn 評論0 收藏0
  • 利用angular4和nodejs-express構建一個簡單網站(二)——設置跨域訪問和安裝基本

    摘要:后端程序配置因為是用自動生成的應用。允許進行跨域訪問的方法,我們這里主要用到的是和兩種方法。現在為止,先設置這些,后面還有具體路由的配置和認證等內容。所以,我一直用這個框架來構建網頁樣式。其中表的與表的設置為外鍵約束。 在上面一章中,我創建了前端的angular4框架程序和后端的nodejs-express框架程序,在這一章中,我準備對前后端程序進行一些簡單的配置,然后將后臺數據庫創建...

    Jokcy 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<