项目实战—小饭桌

Posted 2021-11-22 renshaoqi

一 项目环境

项目环境说明

 　　本项目是一个模仿小饭桌官网的项目实战。具有前台和CMS后台管理系统。具有以下模块：新闻、在线课程、付费资讯、搜索等模块。其中涉及到的技术要点有：Django、ajax，Restful API，arttemplate.js、在线视频播放，支付，haystack搜索，UEditor富文本编辑器，第三方分享等。

 

前端方向

1. nvm：用来管理node.js的工具。
2. node.js：自带有npm包管理工具。
3. npm：类似于Python中的pip。可以非常方便的管理一些前端开发的包。
4. gulp：用来自动化开发流程。比如sass转css，css和js压缩等。

 

后端方向

1. Python 3.6：开发语言。
2. Django 2.0：开发框架。
3. mysql 5.7：数据库。

 

1-1 前端开发环境配置

1-1-1 nvm 安装

　　nvm（Node Version Manager）是一个用来管理node版本的工具。我们之所以需要使用node，是因为我们需要使用node中的npm(Node Package Manager)，使用npm的目的是为了能够方便的管理一些前端开发的包！nvm的安装非常简单，步骤如下：

1. 到这个链接下载nvm的安装包：https://github.com/coreybutler/nvm-windows/releases。
2. 然后点击一顿下一步，安装即可！
3. 安装完成后，还需要配置环境变量。在我的电脑->属性->高级系统设置->环境变量->系统环境变量->Path下新建一个，把nvm所处的路径填入进去即可！
4. 打开cmd，然后输入nvm，如果没有提示没有找不到这个命令。说明已经安装成功！
5. Mac或者Linux安装nvm请看这里：https://github.com/creationix/nvm。也要记得配置环境变量。

nvm常用命令：

1. nvm install node：安装最新版的node.js。nvm i == nvm install。
2. nvm install [version]：安装指定版本的node.js 。
3. nvm use [version]：使用某个版本的node。
4. nvm list：列出当前安装了哪些版本的node。
5. nvm uninstall [version]：卸载指定版本的node。
6. nvm node_mirror [url]：设置nvm的镜像。
7. nvm npm_mirror [url]：设置npm的镜像。

1-1-2 node 安装

　　安装完nvm后，我们就可以通过nvm来安装node了。这里我们安装6.4.0版本的的node.js就可以。因为最新版的node.js的npm是5.0的，上面还有很多坑。安装命令如下：

nvm install 6.4.0

如果你的网络够快，那以上命令在稍等片刻之后会安装成功。如果你的网速很慢，那以上命令可能会发生超时。因为node的服务器地址是https://nodejs.org/dist/，这个域名的服务器是在国外。因此会比较慢。因此我们可以设置一下nvm的源。

nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/