入门级node+uni-app开发即时通讯聊天室(1)项目准备

  • 前言: 作者本人也是处于学习,提高阶段,自己感觉这个项目实在写的很烂,没咋重构过,尽管它的功能都能跑通。实现中有很多可以优化的地方与细节,为了赶进度赶着在这周写完,哈哈。。这个系列一部分用于自己的复盘,寄希望于脱离开发的状态,以一种局外人的态度去观察重新编写一遍(其实相当于重构代码,因为源码写的实在太烂,所以沉下心以一种再次学习的心态再写);一部分原因是受到很多互联网前辈的帮助,也萌生了写一个系列的博客,但愿我能把教程写的尽可能详细不冗余且准确。
  • 如果你感觉到某个地方写的很差,造成很大的性能问题可以指点我。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,操作更方便哦

  1. 下载mysql,navicat 配置好环境(详情百度)
    2.新建连接,新建数据库
    在这里插入图片描述在这里插入图片描述

  2. 导入结构到数据库
    在这里插入图片描述
    当你的表结构如图下所示,这里就完成了
    在这里插入图片描述

  3. vscode 新建目录如下
    在这里插入图片描述
    之后随着教程的深入,会逐步解释目录的用处。

3.HBuildeX 新建目录如下
在这里插入图片描述
在这里插入图片描述

common 代表常用的文件,存放于此处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值