“Fond”后台管理系统

2019-01-15

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

项目演示
项目地址

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

项目说明

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

项目演示

项目地址

项目运行

npm install
npm run start 

项目功能(已实现)

  • 个人信息的修改、个人文章,动态查看
  • 个人消息的通知和查阅
  • 发布文章、发布动态、发布视频动态
  • 对主题的管理
  • 对内容的管理多条件查询
  • 用户的管理
  • 通过react-intl实现国际化
  • 通过moment.js实现对时间的显示
  • 通过braft-editor实现富文本
  • 结合七牛云存储与Ant Upload上传文件
  • 通过**react-player **实现视频播放
  • 通过**react-highlight-words **实现搜索查询高亮
  • 通过ant权限组件进行鉴权

项目功能待实现

  • 富文本添加预览功能

  • 手机号登录(后端部分完善)

  • 绑定手机号

    ……

项目期间总结博客

总结

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