【devops】django开发学习路径

基于前后端分离

后端

python + django + DRF

python

菜鸟教程网站：

https://www.runoob.com/python/python-tutorial.html

有很多基础示例，可以自己敲一遍。

版本： python2、python3个别语法有差，不兼容。

主要掌握：

数据类型：数字、字符串（字符串处理函数）、列表、字典。

基础语法：条件控制（if-else）,循环（for/while）

封装写法：函数（def）、类（class）。

模块使用：import写法、代码拆分引用。

主要练习使用的模块，os、paramiko、request、MySQLdb。

达到正常写一些简单的python脚本就可以了。

django

Django 是用Python开发的一个免费开源的Web框架，可以用于快速搭建高性能，优雅的网站，django最初设计时前后端不分离的，提供了前后端所有能力。

自强学堂：

https://code.ziqiangxuetang.com/django/django-tutorial.html

官方文档：

https://docs.djangoproject.com/zh-hans/2.0/

也是照着示例走一遍就好。

请求响应流转说明：

主要概念：

视图（views.py）：就是定义函数，接收请求—处理----返回html网页。

路由（urls.py）：url分发配置文件，把一个url对应到视图中的函数处理。

模板（templates 文件夹）：网页模板，跟jinja2作用和语法都类似，主要是编写html/css/js部分，支持变量引入和简单的函数和流程控制，视图中的函数会给模板投递数据，模板经数据填充后，返回给客户端浏览器。

模型（models.py）：操作数据库的部分，定义了一套操作数据库的接口，比如增删改查，表定义等。在视图函数中用到数据库的部分，需要引用模型中的部分。

配置文件(settings.py )、表单（forms.py）此类。

DRF（Django REST framework）

官方快速入门手册：

https://www.django-rest-framework.org/tutorial/quickstart/

官方API指导手册：

https://www.django-rest-framework.org/api-guide/requests/

基本概念：

RESTful：https://zhuanlan.zhihu.com/p/30396391

序列化/反序列化：序列化就是把类转化为json数据，反序列化就是把json结构数据转化为类。

DRF提供了内置序列化类。

视图：封装view，将HTTP方法对应到action。通过定义action方式映射URL部分。

提供多种视图类，APIview、Generic views、Viewsets.

URL：重写as_views函数，自动生成URL。

总结的比较好的文章链接（多看几遍,总能看懂）：

https://www.jianshu.com/p/fc603f48f100

基础HTTP方法对照表：

HTTP方法	URL样例	DRF action	说明
get	http:/xxx:8888/role	list()	查询所有
get	http:/xxx:8888/role/id	retrieve()	查询单个数据
post	http:/xxx:8888/role	create()	新增数据
put	http:/xxx:8888/role/id	update()	全部更新
patch	http:/xxx:8888/role/id	partial_update()	部分更新
delete	http:/xxx:8888/role/id	destroy()	删除数据

前端

html + css + JavaScript

nodejs + vue + elementUI

html + css + JavaScript

html 和 css 扫一遍最基础的概念，比如html的常用标签，css的基础格式，

能看得懂html和css的组织方式即可，具体使用的时候可以百度。

JavaScript 了解下基本的概念，数据类型，控制结构写法、函数定义此类即可。

基础入门书籍推荐《HTML5、CSS和JavaScript开发》作者: [孙鑫//付永杰](https://book.douban.com/search/孙鑫 付永杰)

https://book.douban.com/subject/7175156/

nodejs + vue + elementUI

vue： 是流行的前端开发框架，其他的框架还有比如angular、react。

官方教程：

https://cn.vuejs.org/v2/guide/

网易云课堂上的免费课程。

https://study.163.com/course/courseMain.htm?courseId=1004711010

elementUI： 流行的组件库，提供了许多拿来可用的组件，比如按钮，表格、动画等。

官方文档地址：

https://element.eleme.cn/#/zh-CN/component/installation

其他的组件库比如iview

官方文档地址：

http://v1.iviewui.com/docs/introduce

开发工具：

python—pycharm、vscode

vue----webstorm、vscode