react + node + express + ant + mongodb 的简洁兼时尚的博客网站

首页

前言

此项目是用于构建博客网站的,由三部分组成,包含前台展示、管理后台和后端。

此项目是基于 react + node + express + ant + mongodb 的,项目已经开源,项目地址在 github 上,喜欢的,欢迎给个 star 。

项目地址:

前台展示: https://github.com/biaochenxuying/blog-react 管理后台:https://github.com/biaochenxuying/blog-react-admin 后端:https://github.com/biaochenxuying/blog-node

1. 效果图

1.1 前台展示

首页

标签分类文章

留言

时间轴

登录

注册

文章详情-1

文章详情-2

文章详情-3

点赞与评论

前台展示目前只支持 pc 端。

1.2 管理后台

管理后台是在蚂蚁金服用户开源的 ANT DESIGN PRO 基础上进行开发的。

登录

用户

文章

文章添加

留言

留言回复

链接

时间轴

时间轴添加

标签

分类

2. 体验地址

  • 网站主页: http://biaochenxuying.cn/main.html
  • 网站首页:http://biaochenxuying.cn/
  • 管理后台:https://preview.pro.ant.design/user/login

3. 计划

这次是一个完整的全栈式开发,只要部署了这三个项目的代码,是完全可以搭建好博客网站的。

作为一个后端的小白,在这次开发中,小汪也遇到了很多问题。

往后的时间里,我会就这三个项目,推出相应的三篇文章教程或者说明和踩到的坑,敬请期待。

4. 收获与感触

学而不用,基本等于没学,所以为了有 react 相关的技术栈的实战经验,所以用了 react ,而且后端技术 node.js 和 mongodb 也是这一个多月里现学现用的,所以项目中肯定还有很多我不知道的实用技巧,如果写的不好的地方,请大家指出。

网站前端部分如果用 vue 相关技术栈来完成的话,会更好更快,因为本人专长的是 vue 相关的技术栈。

因为最近一直在做自己的个人博客网站,所以好久没更新技术文章了;而且是利用业余时间做的,所以经过差不多两个月的搬砖,现在网站终于都上线了。

开发网站的这段时间里,每天晚上几乎都搬砖到接近 11 点,周末的时间大多也在搬砖,今晚写完这篇文章,也快 12 点了,搬砖不易啊,喜欢或者觉得不错的,欢迎到 github 上给个 star,谢谢。

本文分享自微信公众号 - 全栈修炼(BiaoChenXuYing)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-11-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏全栈工程师成长之路

前端开发学习-UI库MDB

目前我在工作之余,会对自己进行一些能力的提升和加强,除了对自己硬实力有提升的网课,我始终还是没有放弃自学前端开发,毕竟开发一个自己的个人网站,是我一直都想做的事...

8110
来自专栏前端自习课

【MobX】390- MobX 入门教程(上)

observable 是一种让数据的变化可以被观察的方法,底层是通过把该属性转化成 getter / setter 来实现的。。

8120
来自专栏sofu456

react

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

8010
来自专栏进击的全栈

为 React 预览版的未来做准备

为了与 React 生态系统的合作伙伴分享即将到来的变化,我们正在建立正式的预览通道,我们希望这个过程能帮助我们对 React 的变化更有自信,并让开发者有机会...

7700
来自专栏腾讯技术工程官方号的专栏

令人惊叹的前端路由原理解析和实现方式

? 在单页应用如此流行的今天,曾经令人惊叹的前端路由已经成为各大框架的基础标配,每个框架都提供了强大的路由功能,导致路由实现变的复杂。想要搞懂路由内部实现还是...

10330
来自专栏京程一灯

怎样创建你的第一个React Native App[每日前端夜话0xD8]

开发人员总会遇到几个十分常见的疑问,即应该怎样正确的设计新应用,以及如何从选定的技术堆栈入手。因此,你需要学习如何用 React Native Starter ...

9620
来自专栏GitHubDaily

微软开源的这款可视化工具也太酷炫了吧!

说到数据可视化,大家都很熟悉了,设计师、数据分析师、数据科学家等,都需要用各种方式各种途径做着数据可视化的工作.....

10620
来自专栏芋道源码1024

分布式消息队列 RocketMQ 源码分析 —— RPC 通信(二)

摘要: 原创出处 https://mp.weixin.qq.com/s/iJww26xFSwEytoz8NjpFRw 「胡宗棠」欢迎转载,保留摘要,谢谢!

7110
来自专栏大前端开发

《Vue3.0抢先学》系列之:使用render函数

还记得Vue2.x中组件的 render 方法么?我们除了可以用template来进行模板化的渲染输出,还可以用 render 方法进行编程式的渲染。模板有着看...

9210
来自专栏大前端开发

《Vue3.0抢先学》系列之:响应式之Ref vs. Reactive

在上文中,我们使用Vue3.0最新的Composition API改写了由Options API写成的计数器示例。我们发现,原先的数据响应式监听的用法发生了变化...

10010

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励