登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
5 Star 9 Fork 2

陈旭 / Global-NewsPublish-System

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
克隆/下载
分支 17
标签 0
贡献代码
同步代码
创建 Pull Request
了解更多
对比差异 通过 Pull Request 同步
同步更新到分支
通过 Pull Request 同步
将会在向当前分支创建一个 Pull
Request，合入后将完成同步
取消
提示: 由于 Git 不支持空文件夾，创建文件夹后会生成空的 .keep 文件
build
db
public
src
.gitignore
.spa
LICENSE
README.md
craco.config.js
jsconfig.json
package-lock.json
package.json
yarn.lock
Loading...
README
MIT

Global NewsPublish System

😎开 箱 即 用 的 新 闻 管 理 系 统

项目预览🤓

gitee pages: http://codemak1r.gitee.io/global-news-publish-system

页面全局热键 -- Ctrl + K || Command + K 退出登录

个人练手项目，大佬们手下留情😵

🕹项目数据每周回滚🕹

😟移动端暂不适配（是的，我还不会）👨🏻‍💻

项目介绍

Global NewsPublish System是一个开箱即用的新闻发布管理系统，项目分为前台游客端/news以及后台管理页面/，项目拥有角色管理、登录登出、用户管理、发布新闻、审核新闻、预览新闻、新闻列表以及完整的权限控制功能。

项目使用json-server进行数据接口的模拟，可根据db.json文件书写json文件自定义接口，后期预计迭代后端（koa + MongoDB），迭代后会在本仓库进行实时更新，目前项目已通过gitee pages部署。

欢迎提交👏Issues 、 Pull Request 👏

联系我：

email: pseudonymgeanmu@163.com

CSDN: https://codemak1r.blog.csdn.net/

项目启动｜依赖安装


安装依赖

yarn install

项目web启动

yarn start  // with port=3003 && craco start

开启本地接口

json-server --watch ./db/db.json --port 5000

项目打包

yarn build  // with craco build

项目本地预览

serve -s ./build

electron

yarn electron-dev  // with electron v21.2.0

electron运行前提是serve -s ./build

MacOS下配置了dock栏图标以及抖动、Windows暂无自定义配置

项目打包体积分析

yarn analyze  // with source-map-explorer

项目技术栈

  • @alex_xu/react-loading：loading组件库（^1.0.4）（特别鸣谢）
  • react/react-dom：优秀的JavaScript库（^18.2.0）
  • react-router-dom：react路由库（^6.3.0）
  • @craco/craco：CRA脚手架必不可少（^6.4.5）
  • electron：让我的项目可以“变成”了桌面App（^21.2.0）
  • ant-design：UI组件库（^4.22.8）
  • @ant-design/icons：icon图标库（^4.7.0）
  • axios：异步交互（^0.27.2）
  • draft-js| draft-to-html| html-to-draft| react-draft-wysiwyg：富文本编辑器
  • echarts：可视化UI库（^5.4.0）
  • mobx| mobx-react-lite：状态管理（^6.6.1| ^3.4.0）
  • mobx-persist-store：mobx持久化管理（^1.1.2）
  • nprogress：进度条（^0.2.0）
  • react-hotkeys-hook：热键Hook（^3.4.7）
  • tsparticles| react-tsparticles：很炫酷的粒子效果（^2.3.1）
  • sass：css预编译器（^1.54.8）
  • source-map-explorer：打包体积分析（^2.5.3）
  • baomitu| bootCDN：CDN外部引入

项目结构

src

├─.DS_Store
├─App.jsx
├─index.js
├─index.scss
├─setupProxy.js
├─utils
|   ├─HeartIcon.js             // 工具类-爱心
|   ├─http.js
|   ├─tsparticles.Options.js   // 粒子效果配置项
|   └-usePublish.js
├─store
|   ├─collapsed.Store.js
|   └index.js
├─routes
|   └IndexRouter.jsx          // 路由入口文件
├─pages
|   ├─NewsSandBox
|   |      ├─.DS_Store
|   |      ├─index.jsx
|   |      ├─User-manage
|   |      |      └UserList.jsx
|   |      ├─Right-manage
|   |      |      ├─RightList.jsx
|   |      |      └RoleList.jsx
|   |      ├─Publish-manage
|   |      |       ├─Published.jsx
|   |      |       ├─Sunset.jsx
|   |      |       └Unpublished.jsx
|   |      ├─News-manage
|   |      |      ├─News.module.scss
|   |      |      ├─NewsAdd.jsx
|   |      |      ├─NewsCategory.jsx
|   |      |      ├─NewsDraft.jsx
|   |      |      ├─NewsPreview.jsx
|   |      |      ├─NewsUpdate.jsx
|   |      |      └index.scss
|   |      ├─Home
|   |      |  ├─index.jsx
|   |      |  └index.scss
|   |      ├─Audit-manage
|   |      |      ├─Audit.jsx
|   |      |      └AuditList.jsx
|   ├─News
|   |  ├─Detail.jsx
|   |  ├─News.jsx
|   |  └index.scss
|   ├─Login
|   |   ├─index.jsx
|   |   └index.scss
├─components
|     ├─User-manage
|     |      └UserForm.jsx
|     ├─TopHeader
|     |     ├─index.jsx
|     |     └index.scss
|     ├─SideMenu
|     |    ├─index.jsx
|     |    └index.scss
|     ├─Publish-manage
|     |       └NewsPublish.jsx
|     ├─NoPermission
|     |      └index.jsx
|     ├─News-manage
|     |      ├─NewsEditor.jsx
|     |      └index.scss
|     ├─Loading
|     |    └index.jsx
|     ├─Charts                // echarts
|     |   ├─HomeBarChart.jsx
|     |   └-HomePieChart.jsx
|     ├─AuthRoute             // 路由鉴权
|     |     └index.jsx
├─assets
|   ├─.DS_Store
|   ├─R-C.jpeg
|   ├─login.png
|   └news_logo.png

electron - MacOS

electron for MacOS - login
electron for MacOS - home

web - Chrome

主页

Home for Chrome

主页抽屉层

Drawer for Chrome

简易游客端

News for Chrome

新闻详情

Detail for Chrome

新闻点赞

star for Chrome

用户管理

UserManage for Chrome

权限列表

RightList for Chrome

超级管理员｜区域管理员｜区域编辑 - 侧边栏权限

SideMenu for Chrome

403 - 无权限页面

No-Premission for Chrome

开发计划

  • gitee pages项目上线
  • 炫酷的登陆页
  • 完善游客端 - 新闻快览
  • 新闻快览 - 游客登录
  • 暗黑模式切换
  • 后端使用koa + MongoDB重构
  • electron多端配置、打包
  • 优化再优化

其他的想法

  • 搭建个人博客系统
  • 持续学习
MIT License Copyright (c) 2022 CodeMak1r Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Starred
9
Star
9
Fork
2

简介

😎开 箱 即 用 的 新 闻 管 理 系 统😎 展开 收起
React
hooks
Redux
Ant-Design
mobx
暂无标签
JavaScript 等 3 种语言
JavaScript
96.2%
SCSS
2.6%
HTML
1.2%
MIT
使用 MIT 开源许可协议
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/CodeMak1r/global-news-publish-system.git
git@gitee.com:CodeMak1r/global-news-publish-system.git
CodeMak1r
global-news-publish-system
Global-NewsPublish-System
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部