私信发送成功
Watch Star Fork

teambp / ScaffoldClientJavaScriptMIT

脚手架项目,已实现通用权限管理,基于react(v15.*)+dva(v1.2.1)+antd(2.13.*)+node,群号:17078075 http://test.hourxu.com
克隆/下载
Ambre 最后提交于 2017-11-14 11:57 部门权限控制
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
2017-11-11 16:41
2017-11-11 16:41
2017-11-11 10:19
Loading...
README.md 2.60 KB

ScaffoldClient

基于react(v15.)+dva(v1.2.1)+antd(2.13.)+webpack+node

需要依赖服务端(.Net Core 2.0)运行,地址:https://gitee.com/teambp/ScaffoldServer

项目相关文章:点击这里

项目演示地址:点击这里

账号:test

密码:test

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

项目介绍

QQ群 点击加入 17078075

学习的路是艰辛的(国内文章太少),曲折的(并不知道路走的对不对)。

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

基本没有难度,无难懂的代码(如果学习过react,C#)

推荐使用: vscode 开发

项目使用了什么

react文档

dva文档

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

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

antd文档

antd是什么: 前端UI框架

项目实现了什么

  1. 菜单权限的控制,功能按钮的控制
  2. API请求转发,验证(和服务端配合)
  3. 服务端渲染

项目的缺点

  1. 静态CSS文件需要布置到IIS,修改需要
npm run static

并刷新页面

  1. 未实现热更新,修改js需要保存后,刷新页面

项目启动

建议使用cnpm

npm i
npm run static
npm run start

注意,需要将IIS指向项目里面的static文件夹,并在修改server/utils/config里面的地址,参考如下图 输入图片说明

前端内容就启动完毕了!

项目截图

登录 输入图片说明

页面展示 输入图片说明

输入图片说明

输入图片说明

项目点评 (3)

你可以在登录后,对此项目发表评论

3_float_left_people 3_float_left_close