美文网首页
一个vue + react + koa2前后端小项目

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

作者: JoseWoo | 来源:发表于2019-04-12 18:09 被阅读0次

妈耶,以前一直只想做个安安静静的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 Koa开发实战

    简介 参考博客: 全栈开发实战:用Vue2+Koa1开发完整的前后端项目(更新Koa2)前置技能: 具备Vue和K...

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

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

  • SpringBoot学习二:整合Swagger UI

    现在比较推崇前后端分离的创建项目,前端使用诸如React、Vue、Angular等前端框架,后端使用诸如微服务、N...

  • 如何用pm2部署java全栈项目

    标题说的java全栈项目特指前端采用vue/react/angular等前端框架,后端采用java技术栈开发的项目...

  • web全栈后台权限管理系统(VUE+ElementUi+node

    主要技术 前端 vue 全家桶 ElementUI 后端 Node.js Koa2 Mongoess 数据库 mo...

  • vue+koa2+token登陆验证

    koa2+vue 用vue-cli搭建前端项目 用koa2搭建后台,给前端提供数据访问接口 项目结构 用vue-c...

  • CSR vs SSR vs SSG

    CSR (Client Side Rendering) React(Angular/Vue)—前后端分离 FCP ...

  • 微信之小程序

    小程序API初探1.后端由koa2搭建 API 发起请求

  • django使用gzip实现数据压缩

    当使用前后端分离开发项目时,如果前端使用vue react等框架进行开发时,往往项目中的js文件很大,即使使用we...

  • vue介绍

    前言 因为项目的原因,最近由后端切向前端,平时也听同事说过前端三大框架:angular、react、vue,前端从...

网友评论

      本文标题:一个vue + react + koa2前后端小项目

      本文链接:https://www.haomeiwen.com/subject/bshbiqtx.html