# angular2-manage

**Repository Path**: jindoudou/angular2-manage

## Basic Information

- **Project Name**: angular2-manage
- **Description**: iotek - manage项目， angular2代码实现
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# angular2-manage
前台采用angular2 <br/>
后端采用node.js

```javascript
    ng new angular2-demo --prefix=iotek --skip-npm=true --style=less
```

---

前端效果如下图：
![Alt text](http://iotekcdn.b0.upaiyun.com/other/page%20-%20%E8%A7%92%E8%89%B2%E7%AE%A1%E7%90%86.png)
_角色管理_

![Alt text](http://iotekcdn.b0.upaiyun.com/other/page%20-%20%E8%B4%A6%E5%8F%B7%E7%AE%A1%E7%90%86.png)
_账号管理_

---

前端代码结构如下：
![Alt text](http://iotekcdn.b0.upaiyun.com/other/angular-code-structure.png)


---
后端接口要求如下：


| # | 接口名 | 方法 | 参数 | 返回值 |
| :------:  | :------ | :------ | ------: | :------: |
| 1 | /api/role| get | type: string<br/> pn: number<br/>ps: number | Object |
| 2 | /api/role | delete | id: number | Object |
| 3 | /api/role | post | id: number<br/> newName: string | Object |
| 4 | /api/role | put | type: number<br/> newName: string | Object |
| 5 | /api/account | get | pn: number<br/> ps: number<br/> keyword: string <br/> sortBy: string | Object |
| 6 | /api/account | delete | id: number | Object |
| 7 | /api/account | post | id: number<br/>  roleId: number<br/>  name: string<br/>  phone: string<br/>  remark: string | Object |
| 8 | /api/account | put | roleId: number<br/> name: string<br/> phone: string<br/> remark: string | Object |