目录

微信小程序入门04-后端脚手架搭建

微信小程序入门04-后端脚手架搭建

我们上一篇已经介绍了权限系统的库表搭建,光有表还是不够的,我们还需要有一个后台系统和数据库进行交互。搭建后台的时候既需要选择使用什么语言,也需要选择框架。

框架分为前端框架和后端框架。在第一篇微信开发者工具搭建的时候我们其实前端框架已经选择好了,使用TDesign,第一篇开发者工具已经帮我们搭建了小程序端的框架,本篇我们介绍一下PC端框架的搭建过程

1 安装nodejs

现在主流的前端框架都是使用npm安装,需要先安装nodejs的环境,访问官方地址

https://i-blog.csdnimg.cn/blog_migrate/a9b5efafa996b68c9c8c0c244f1b83d7.png

我们下载稳定版进行安装

点击next

https://i-blog.csdnimg.cn/blog_migrate/b33cf4725b7205951d18d20afc3c3025.png

勾选接受协议,点击Next

https://i-blog.csdnimg.cn/blog_migrate/60e81a7c97762a7d9ca42bf612dc6f13.png

选择安装路径,点击next

https://i-blog.csdnimg.cn/blog_migrate/1f01cb26b6dd9176224bb480b4ba9def.png

保持默认,点击Next

https://i-blog.csdnimg.cn/blog_migrate/e7bba0358a9a8db2dfce13c6e7fdffc5.png

点击next

https://i-blog.csdnimg.cn/blog_migrate/837932ac1d79751ea1d45e7084606e52.png

最后点击Install完成安装

https://i-blog.csdnimg.cn/blog_migrate/91b9c575daf9d3bf6a7e6746c2790571.png

安装完毕后,打开cmd,输入node -v查看一下是否安装成功

https://i-blog.csdnimg.cn/blog_migrate/a0ec76ca70228d381f53e73ab2e0308b.png

2 什么是npm

npm是Node.js的包管理器,它允许开发人员在项目中安装、管理、更新和分享代码包。通过npm,开发人员可以轻松地将他们的代码分享给其他人,也可以使用他人共享的代码包来加速项目开发。npm还提供了一些有用的功能,如版本管理、依赖解析、命令行工具等,使得开发人员可以更加高效地管理和维护自己的项目。

3 安装TDesign

我们选择使用vue来开发,打开官方地址

先创建一个项目的目录

https://i-blog.csdnimg.cn/blog_migrate/e7b2a5138dd8d2383248137626e67151.png

在命令行打开我们的目录

https://i-blog.csdnimg.cn/blog_migrate/4162179ee1624182ba588bbe5d5a08c6.png

输入cli的安装命令

npm i tdesign-starter-cli -g

https://i-blog.csdnimg.cn/blog_migrate/a0b0531f8ca3c9d0e0add6879dbc76d4.png

输入模板初始化命令

td-starter init

然后输入项目的名称,安装的版本

https://i-blog.csdnimg.cn/blog_migrate/3407a39bc6e3dcf4bba2653b333c9d2a.png

然后进入安装好的目录

cd diancancms

输入npm的安装命令

npm install

https://i-blog.csdnimg.cn/blog_migrate/cf9e6c5be76b9389c68a56a64d9b6a33.png

安装成功后启动项目

npm run dev

https://i-blog.csdnimg.cn/blog_migrate/c702b2d1dd79ea81fbf9d12a677c55ac.png

https://i-blog.csdnimg.cn/blog_migrate/b3059c4cfd3a8d85e93807c348d91899.png

总结

我们本篇主要讲解的是后端脚手架的搭建,所谓的脚手架就是帮助我们快速的进行开发,现在也都是组件化开发,开源框架已经提供了丰富多彩的组件,只需要我们把组件按照业务串联在一起就可以了。