https://github.com/changjun2019/fond_admin

"fond"项目后台管理系统，使用了ant-design-pro
https://github.com/changjun2019/fond_admin

ant-design-pro braft-editor momentjs react

Last synced: 7 months ago
JSON representation

"fond"项目后台管理系统，使用了ant-design-pro

• Host: GitHub
• URL: https://github.com/changjun2019/fond_admin
• Owner: ChangJun2019
• Created: 2019-02-16T08:05:48.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-02-17T07:29:33.000Z (over 6 years ago)
• Last Synced: 2025-02-06T21:15:52.603Z (8 months ago)
• Topics: ant-design-pro, braft-editor, momentjs, react
• Language: JavaScript
• Homepage:
• Size: 257 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# "Fond"后台管理系统

我的第一个全栈练手项目的后台管理系统。写这个的时候刚好学习react不久，通过这个项目对react理念有了新的认识与理解。

## 项目说明

项目技术栈：React.js+ant-design-pro

[项目演示](http://gpadmin.52chinaweb.com/)

[项目地址](https://github.com/ChangJun2019/fond_admin)

项目运行

```bash

npm install

npm run start 

```

## 项目功能（已实现）

- 个人信息的修改、个人文章，动态查看

- 个人消息的通知和查阅

- 发布文章、发布动态、发布视频动态

- 对主题的管理

- 对内容的管理多条件查询

- 用户的管理

- 通过**react-intl**实现国际化

- 通过**moment.js**实现对时间的显示

- 通过**braft-editor**实现富文本

- 结合七牛云存储与**Ant Upload**上传文件

- 通过**react-player**实现视频播放

- 通过**react-highlight-words**实现搜索查询高亮

- 通过ant权限组件进行鉴权

## 项目功能待实现

- 富文本添加预览功能

- 手机号登录（后端部分完善）

- 绑定手机号

  ……

## 项目部分截图

![](http://image.52chinaweb.com/fond%E5%90%8E%E5%8F%B0%E7%99%BB%E5%BD%95%E9%A1%B5.png)

![](http://image.52chinaweb.com/Fond%E5%90%8E%E5%8F%B0%E9%A1%B5%E9%9D%A2%E4%B8%80.png)

![](http://image.52chinaweb.com/Fond%E5%90%8E%E5%8F%B0%E9%A1%B5%E9%9D%A2%E4%BA%8C.png)

![](http://image.52chinaweb.com/Fond%E5%90%8E%E5%8F%B0%E9%A1%B5%E9%9D%A2%E4%B8%89.png)

## 项目期间总结博客

- [前后端分离使用七牛云存储](https://blog.52chinaweb.com/frontend/useqiniu.html)

## 总结

采用ant-design-pro有两个原因：一是因为其很好的项目配置值得我去学习，二是其不错的界面设计省去我去设计界面的时间。但是这个项目下来，虽然现在在看项目觉着自己写的并不好，但是对于自己本身来说，还是学习到了很多东西。未来加油！