README.md · kevindil/ScaffoldClient

# ScaffoldClient
> 基于react(v15.*)+dva(v1.2.1)+antd(2.13.*)+webpack+node

需要依赖服务端（.Net Core 2.0）运行，地址：https://gitee.com/teambp/ScaffoldServer

项目相关文章：[点击这里](http://www.cnblogs.com/Ambre/p/7825527.html)

项目演示地址：[点击这里](http://test.hourxu.com)

因为老有人猜到管理员账号，上去删权限，还原的烦，演示站就关了。。。

仅开放了少数几个菜单的查看和新增权限。

# 2018/01/09更新

在node层加了一个简易的api模拟请求（类似mock），这样可以简化开发流程。

# 2018/01/02更新

升级antd到3.1.0版本，PS：后续版本可自行升级，不过最好看下官网的升级日志，如果明确说明不支持react16.0以下版本，那就不要升级了

# 2017/12/04更新

更新首页loading层加载，避免资源未加载完毕，就登录

增加npm run dev命令,开发环境启动请用此命令（同以前的npm run start），不用配置静态资源服务器！！！！

npm run start现在是生产环境启动命令，启动前，请先配置好静态资源服务器！

# 项目介绍

QQ群 点击加入 [17078075](https://jq.qq.com/?_wv=1027&k=58kloo3)

学习的路是艰辛的（国内文章太少），曲折的（并不知道路走的对不对）。

该项目可以拿去作为脚手架（需要C#基础），也可以拿来作为学习react的参考项目。

基本没有难度，无难懂的代码（如果学习过react，C#）

推荐使用： **vscode** 开发

# 项目使用了什么
[react文档](https://doc.react-china.org/docs/hello-world.html)

[dva文档](https://github.com/dvajs/dva/blob/master/README_zh-CN.md)

dva是什么：差不多就是react-router+redux

dva版本的问题，为什么现在不升级，v2.0版本使用的react-router版本是v4版本，react-router V4和V2/3版本区别太大，已在初始项目开始升级，确定服务端渲染没有问题后，就会更新。

[antd文档](https://ant.design/docs/react/introduce-cn)

antd是什么: 前端UI框架

# 项目实现了什么
1. 菜单权限的控制，功能按钮的控制
2. API请求转发，验证（和服务端配合）
3. 服务端渲染

# 项目的缺点

修改文件需要F5刷新页面，才会有更改

# 项目启动
建议使用cnpm
```
npm i
```
```
npm run static
```
```
npm run dev
```
注意，如果是生产环境（npm run start），需要将IIS指向项目里面的static文件夹，并在修改server/utils/config里面的地址，参考如下图
![输入图片说明](https://gitee.com/uploads/images/2017/1111/110418_d85427eb_332899.jpeg "TIM截图20171111110435.jpg")

前端内容就启动完毕了！

# 项目截图

页面展示
![输入图片说明](https://gitee.com/uploads/images/2017/1111/112033_97c66a53_332899.jpeg "TIM截图20171111111840.jpg")

![输入图片说明](https://gitee.com/uploads/images/2017/1111/112051_6661d9b2_332899.jpeg "TIM截图20171111111901.jpg")

![输入图片说明](https://gitee.com/uploads/images/2017/1111/112110_857660e7_332899.jpeg "TIM截图20171111111915.jpg")

kevindil/ScaffoldClient

简介

发行版

贡献者

近期动态

kevindil/ScaffoldClient .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

kevindil/ScaffoldClient