# cc-master

**Repository Path**: dst_project/cc-master

## Basic Information

- **Project Name**: cc-master
- **Description**: 后台管理系统模板
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-06-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## CC admin 
 一个基于angular4.1.3+ng-bootstrap1.0.0-alpha.25+bootstrap4.0.0-alpha.6+scss的后台管理系统界面

![image](https://github.com/332557712/cc/blob/master/src/assets/img/cc.png)

![image](https://github.com/332557712/cc/blob/master/src/assets/img/cc-2.png)

![image](https://github.com/332557712/cc/blob/master/src/assets/img/cc-3.png)

![image](https://github.com/332557712/cc/blob/master/src/assets/img/cc-4.png)


## 更新
1. 搭建环境，分别加入ng-bootstrap1、bootstrap4、font-awesome4.7、animate.css3.5等
2. 登录界面
3. 主页
4. 添加alert与confirm组件(src/app/modules/shared/modal/modal.service.ts)
5. 添加toast组件(src/app/modules/shared/toast/toast.service.ts)
6. 添加第三方ng-charts组件
7. 添加第三方angular-2-dropdown-multiselect组件与angular2-select组件
8. 添加层次图组件(src/app/modules/shared/hierarchy-view/hierarchy-view.component.ts)
9. 添加第三方ng2-img-cropper组件
10. 添加头像更换功能
11. 添加http服务(src/app/core/http.service.ts)
12. 添加utils工具(src/app/core/utils.ts)
13. 添加pagination组件(src/app/modules/shared/pagination/pagination.component.ts)
13. 添加http-pagination组件(src/app/modules/shared/pagination/http-pagination.component.ts)


## 规范
1. 为避免冲突，应用css使用c-为前缀
2. 为避免冲突，应用组件selector使用c-为前缀
3. 目录、文件名命名使用小写字母，多个单词使用-间隔
4. module结尾的为模块、component结尾的为组件、service结尾的为服务、directive结尾的为指令     
5. 所有模块放在modules目录下、所有应用级服务以及工具类等放在core目录下、所有资源文件放在assets目录下，所有scss文件所模块区分，放在assets/scss/modules下


## 环境
1. 您需要安装nodeJS环境


## 安装
1. cd E:\project\cc                            <---- 进入到项目所在的目录
2. npm install                                 <---- 安装，如果下载比较慢，可使用淘宝的cnpm，请参考：https://npm.taobao.org/


## 开发服务器
1. cd E:\project\cc                            <---- 进入到项目所在的目录
2. npm start                                   <---- 使用npm命令运行
3. 浏览器中输入`http://localhost:4200/`         <---- 本机访问


## 构建
1. npm build                                   <---- 使用npm命令构建，构建完成后会在dist目录中


## 单元测试
1. npm test                                    <---- 使用npm命令测试，目前的模块中没有加入测试代码，需要自行添加 


## 特别声明
1. 如果本界面中使用到了您的产品或是对您造成了影响请及时联系我，我将第一时间去除


## 技术交流
1. 在github进行交流
3. 技术交流群：168733660


## 贡献
1. 站在巨人的肩膀上，才能够走得更远，感谢那些默默贡献的人！


## 许可
1. [MIT](/LICENSE)