项目实战—小饭桌

一 项目环境

项目环境说明

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

前端方向

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

后端方向

  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.jsnpm5.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/

原文地址:https://www.cnblogs.com/renshaoqi/p/10620520.html

时间: 2024-10-29 21:50:09

项目实战—小饭桌的相关文章

python项目实战-小游戏1

项目规则: 1.玩家和敌人分别从现有的角色中选择3个角色 2.随机生成目前的血量,和攻击量 3.游戏规则:当玩家向敌人发起攻击,敌人当前的血量=之前的血量-玩家的血量,同理 4.3局两胜 5.自定义玩家出场的顺序和敌人出场的顺序 import time,random # 需要的数据和变量放在开头 player_list = ['[狂血战士]','[森林箭手]','[光明骑士]','[独行剑客]','[格斗大师]','[枪弹专家]'] enemy_list = ['[暗黑战士]','[黑暗弩手]'

CK2020微信小程序入门与实战 常用组件API开发技巧项目实战

新年伊始,学习要趁早,点滴记录,学习就是进步! 随笔背景:在很多时候,很多入门不久的朋友都会问我:我是从其他语言转到程序开发的,有没有一些基础性的资料给我们学习学习呢,你的框架感觉一下太大了,希望有个循序渐进的教程或者视频来学习就好了.对于学习有困难不知道如何提升自己可以加扣:1225462853  获取资料. 下载地址:https://pan.baidu.com/s/1hsU5EIS 微信小程序入门与实战 常用组件API开发技巧项目实战 小程序官方正式公告,开放了更多的入口,个人开发者可以申请

[小项目实战]分公司c3750简单mls qos限速,asa5510实现url过滤

现分公司的一个车间要出租给外加工单位,是我们boss的朋友,所以网络设备什么的都是由我们提供,大概车间办公室10+电脑左右,我们自己电脑总数在60台,其中能上外网的30+,领导让我去做这个项目,要求如下: 1.外租网络不能访问我们内网,可以访问外网 2.带宽的问题,我们总带宽是10M,我们分部实施了ad管理,像一些P2P下载软件用户是没有权限安装的,平时不搞迅雷下载和在线看视频的话,带宽还是足够的,而外加工那个单位电脑我们是无法控制的,所以领导要求把他们带宽限制在4M左右. 3.领导要求过滤一些

微信小程序开发视频+项目实战

视频课程包含: 微信小程序入门视频.pages页面启动顺序配置.App实战开发视频教程.demo真机演示视频集锦.开发视频教程.源码+PPT.微信小程序五部入门+实战视频 等等 共9G! 这里给大家按照一定思路整理了微信小程序视频和项目实战,涵盖微信小程序全部知识点. 本视频属于作者原创搜集整理!下载方式:翻阅到文章底部 目录 1.微信小程序入门视频 2.微信小程序开发视频教程 3.微信小程pages页面启动顺序配置 4.微信小程序demo真机演示视频集锦 5.微信小程序五部入门+实战视频 6.

微信小程序 – 美甲商城项目实战开发全集视频教程

微信小程序 – 美甲商城项目实战开发全集视频教程 免费下载链接:https://www.yinxiangit.com/110.html 原文地址:https://www.cnblogs.com/bingerger/p/11629039.html

小贞贞python关于requests和tkinter模块项目实战

requests模块主要是用于网页的请求,获取相应数据 tkinter模块是python基于GUI的一个模块,大致模块如下: 具体可参照:https://www.cnblogs.com/shwee/p/9427975.html 今天给大家介绍,自制翻译小工具的具体项目实战: 整体是实现方式: 步骤一:通过requets模块请求百度翻译 步骤二:通过tkinter模块制作界面,将界面输入的内容传入requests模块,然后点击“翻译”按钮,显示requests模块返回的数据 步骤三:制作成一个ex

angularJs项目实战!01:模块划分和目录组织

近日来我有幸主导了一个典型的web app开发.该项目从产品层次来说是个典型的CRUD应用,故而我毫不犹豫地采用了grunt + boilerplate + angularjs + bootstrap + D3 + requirejs 的架构来实现它.angularjs早在去年6月份我就有所接触,将它应用在实验室项目的个别页面中,11月份在新浪的时候也将其推荐给了所在云事业部项目组.项目组老大程辉等人都是很有技术敏感性的人,大胆地采纳了我的建议,将之应用于原本使用dojo开发的项目前端模块上.然

【ASP.NET实战教程】ASP.NET实战教程大集合,各种项目实战集合

[ASP.NET实战教程]ASP.NET实战教程大集合,各种项目实战集合,希望大家可以好好学习教程中,有的比较老了,但是一直很经典!!!!论坛中很多小伙伴说.net没有实战教程学习,所以小编连夜搜集整理出一些比较好的教程,望君好好珍惜,资源不易,且保持,且珍惜直接上资源截图: 下载地址[回复可见]:http://www.fu83.cn/thread-282-1-1.html 感觉文章写的好,一定要回复 推荐哦!!!

【WEB API项目实战干货系列】- 导航篇(十足干货分享)

小分享:我有几张阿里云优惠券,用券购买或者升级阿里云相应产品最多可以优惠五折!领券地址:https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=ohmepe03 在今天移动互联网的时代,作为攻城师的我们,谁不想着只写一套API就可以让我们的Web, Android APP, IOS APP, iPad APP, Hybired APP, H5 Web共用共同的逻辑呢? [WEB API项目实战干货系列]