基于前后端分离
后端
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