zsea / antd-master

自用

一个基于antd的模板

该项目基于create-react-app创建。

标题

在public/index.html中设置。

路由和菜单

在src/routes.js设置。

配置

配置项	默认值	描述
id		在所有配置项中必须唯一
router		路由相关配置
router.path		访问路径
router.exact
router.strict
requiresAuth	false	是否需要登录认证
breadcrumb		导航面包销，类型为数组
component		对应的React部件
icon		图标
menu		菜单设置，若没有该项，则不会在左则菜单栏显示
menu.text		菜单名称
menu.icon		菜单图标
menu.opens	[]	需要展开的菜单项
children	[]	子菜单项
layout	MasterBody	母版页

变量设置

通过目录/src/modifyVars.js进行设置。

变量分为两种类型，antd字段的变量为antd自定义皮肤的设置，请参考antd文档。system为系统变量设置，通这该字段进行系统的相关配置。

名称	默认值	描述
@@system-copyright		页面脚部版权信息的设置
@@system-name		系统名称设置
@@theme-name	dark	菜单样式，可选值：light|dark

目录结构

• /src/ 源代码目录
  • /src/components/ 用户编写的组件。
  • /src/Layout/ 布局文件，目前仅有FullLayout与EmptyLayout。
  • /src/module/ 一些常用的模块
  • /src/icons.js 图标配置
  • /src/Master.js 母版页
  • /src/routes.js 路由配置
  • /src/NotFound.js 404页面配置
  • /src/modifyVars.js 变量设置文件
• /public/ 页面结构设置

网络请求

通过npm安装了axios插件，在axios请求时，自动显示正在请求，请稍后...文字，可以通过文件/src/module/nethook.js进行修改，也可以在/src/index.js中，移除netHook()的调用。

身份认证

默认读取cookie中，名称为token的值进做为身份认证信息，使用JWT进行编码。在身份判断时，通过判断exp值判断身份信息是否过期。

身份认证仅在客户端进行预判断，你在服务端仍然需要进行身份认证校验。

若你要使用其它身份认证方式，请修改/src/module/token.js。