- 前言: 作者本人也是处于学习,提高阶段,自己感觉这个项目实在写的很烂,没咋重构过,尽管它的功能都能跑通。实现中有很多可以优化的地方与细节,为了赶进度赶着在这周写完,哈哈。。这个系列一部分用于自己的复盘,寄希望于脱离开发的状态,以一种局外人的态度去观察重新编写一遍(其实相当于重构代码,因为源码写的实在太烂,所以沉下心以一种再次学习的心态再写);一部分原因是受到很多互联网前辈的帮助,也萌生了写一个系列的博客,但愿我能把教程写的尽可能详细不冗余且准确。
- 如果你感觉到某个地方写的很差,造成很大的性能问题可以指点我。QQ:1025387665 wx:q1025387665。
- 你能学习到的:
1.node环境中对mysql数据库的使用。
2.基于token安全验证请求的使用
3.node服务器开发的步骤
4.socket.io的使用
5.uni-app开发的基本结构
6.文件的上传,与服务器静态资源的处理。
7.vuex的使用 (在这个项目中,我还未进行这方面的优化。)
8.stroage本地存储的实际应用
9.常用的uni-app组件项目应用
10. scss入门
11. 项目的上线 - 你需要的知识:
基本的html,css,js即可,我害怕你看的时候觉得看不懂,所以已经尽我的能力去讲述你可能不知道的东西,时刻注意标题,这只是带你进门的,给你提供一个小项目的功能的实现方案,不意味着我写的代码是最好的解法。
1.项目环境
工欲善其事,必先利其器,为了确保你能按照我的步骤一步一步的实现,最好(当然不强求)能跟我的环境大致相同。即不存在大的版本变更的情况下也无所谓。这部分可以酌情参考。
- node v12.16.2
- npm v6.14.4
- HBuildeX 2.9.8
- mysql 8.0.19
*****你很大可能需要使用的工具 Navicat
2.项目准备
链接:https://pan.baidu.com/s/1fRjIEgmzsr7Uc3oqk5kakw
提取码:qing
复制这段内容后打开百度网盘手机App,操作更方便哦
-
下载mysql,navicat 配置好环境(详情百度)
2.新建连接,新建数据库
-
导入结构到数据库
当你的表结构如图下所示,这里就完成了
-
vscode 新建目录如下
之后随着教程的深入,会逐步解释目录的用处。
3.HBuildeX 新建目录如下
common 代表常用的文件,存放于此处。