一个vue + react + koa2前后端小项目

妈耶,以前一直只想做个安安静静的html+css切图仔。最近可能是觉得太渣了,就进了这坑 ~ 搞什么前后端 ~~~~~~

话说前头,功能简陋,不喜勿喷,也是第一个练手的项目~希望后面能做的更好吧~

以前就一直想做一个自己的网站了,苦于后端语言的知识基本上只停留在hello world,做个静态的页面也没啥意思,后面就直接用的wordpress搭起来的一个架子。

唔,现在终于有点动力着手弄下了,然后看看有用到有哪些东西吧,反正我觉得挺多坑的。

后台管理系统-技术栈:(管理系统前端界面:vue + vuex + element-ui)(系统前端的服务和数据库:koa2 + mongodb做的接口和数据存储,图片上传用的腾讯云免费的云存储。密码加密用的bcrypt,因为还没做到,还没做关联 。还有后面估计会加上MySQL或者改为用MySQL吧,感觉还是MySQL做关联查询方便,mongodb用的想死.....)

前端UI的界面-技术栈:react + antd + fetch.js

管理系统的界面:用的 vue + element-ui

后台管理系统
后台管理系统

前端UI的界面:


前端UI


前端UI

反正是挺简陋的,功能慢慢想慢慢加,自己的设计不咋样,只能是想到什么做什么了。但是接下来要搞定的就是整上redux,还有把mongodb改为MySQL了。

本来前端的界面是用的vue做的,但是后来听到一个同学说可以学学react,好吧那就react吧,删掉重撸。由于react和mongodb也是边看文档跟着搭个脚手架就搞了,虽然不是说很难吧,但是是真的很折磨,有时候搞着搞着出个bug,百度谷歌大半天,也是够够的。

然后还有一个恶心的体验是,感觉回到了以前刚开始学html+js的时候。以前学html+js的时候,都是写一行结构,然后就去写对应的功能。这样有个坑就是,如果你能顺利写完js那还好,如果中途有个bug还是什么难题的,估计一天下来就写个tab栏吧,估计想放弃。然而我现在就是差不多这样,写一个前端的页面,然后就去写相应的后端接口和后端界面啥的,结果有时候写着中途出个bug,那tm一天下来都写不到一个tab栏,也是崩溃。。。

折磨

后面跟公司的后端童鞋取经,先把所有所需要的接口写出来测试好,然后再去写界面调接口啥的。。。。
唔,最后还是好好学习吧感觉。身边的前端大佬们,个个都是前后端通吃的,哎哟~可怕。

附上地址:

前端UI界面:https://gitee.com/yozz/myWeb.git
管理系统界面:https://gitee.com/yozz/vueadmin.git

(然后如果要启动的话,
1、本地先装好mongoDB,启动mongod。然后先进入后台的根目录,cd services进入服务文件夹启动node app
2、然后根目录新开一个cmd,启动后台界面 npm run dev
3、把这两个启动了之后再去启动前端UI项目,npm start)

最后,练手项目,还在不断完善,不喜勿喷哈!

你可能感兴趣的:(一个vue + react + koa2前后端小项目)