[东拼西凑]后端开发1_Python3.5+Django2.0+VUE+PyCharm环境搭建

得做点事情,不能荒废着,今天开始做做物联网中间件吧,先搭个环境(电子系渣,全是摸索的,莫笑哈哈)

1.Ubuntu1604整个虚拟机吧,基操不表

2.安装Django:

先搞定pip

sudo apt-get install python-pip

*更新pip

pip install --upgrade pip

通过pip安装django,默认最新稳定版

pip install django

测试一下:

>>python3
>>import django
>>print(django.get_version())

会弹出版本信息
*插曲:有人想输入python也跳到python3而不是python2,可以参考这个博客, https://www.cnblogs.com/wmr95/p/7637077.html
对了,我是用Linux自带的python3.5,也懒得去安装新的了

3.新建工程测试吧

自己随便建个文件夹,然后搞事
django-admin startproject mysite
cd mysite
python3 manage.py runserver

127.0.0.1:8000小火箭来了
[东拼西凑]后端开发1_Python3.5+Django2.0+VUE+PyCharm环境搭建_第1张图片

4.安装PyCharm

有IDE开发总是舒服的
先搞定java环境,我比较推荐这个:
https://blog.csdn.net/hunt_er/article/details/82850509
再下载IDE:
https://www.jetbrains.com/pycharm/download/#section=linux
下载解压运行:

tar -xvf pycharmxxxxxxxxxxxxxxx
cd pycharmxxx/bin
./pycharm.sh

就是新建一个django的工程了,不复杂
[东拼西凑]后端开发1_Python3.5+Django2.0+VUE+PyCharm环境搭建_第2张图片
还是有小火箭来的,如果端口被占用,找到这个端口kill掉就好了
https://blog.csdn.net/ysgjiangsu/article/details/89364082

5.VUE搞一下

这里与之前的博客稍微重复了,可参考
https://blog.csdn.net/ysgjiangsu/article/details/90704573
安装好VUE和脚手架,开始新建前后端吧,参考这个
https://www.cnblogs.com/zhixi/p/9996832.html

6.强调几点

6.1有时候端口会被占用,怎么关闭端口重开?参考这个
https://blog.csdn.net/ysgjiangsu/article/details/89364082
6.2说了这么多,整个工程的组织架构是怎么样的?
首先,前后端分离,
后端:
Django一个大框架,决定了server的一些数据响应
前端:
VUE一个大框架,再辅以element-ui组件,决定了用户操作界面
前后端虽在同一路径下,但彼此分离设计。如何关联起来?就是通过后端代码指定对应页面,这里的页面由vue编辑后build生成

vue设计完毕后,自验证

sudo npm run dev

通过后

sudo npm run build

由于后端已经对生成页面做了关联,因此,直接调用

python3 manage.py runserver

[东拼西凑]后端开发1_Python3.5+Django2.0+VUE+PyCharm环境搭建_第3张图片
6.3在工程下安装element-ui才能有作用,不安装就用那不是扯淡么

cd frontend
npm install element-ui -S

之前写过,也是乱糟糟,哈哈 https://blog.csdn.net/ysgjiangsu/article/details/90704573

你可能感兴趣的:(IOT,VUE,Server)