1. Friends who want to learn the development of front and back end separation. 2. Friends who have some Django background. 3, have a certain HTML+CSS+JS foundation partners.

In this course, you will learn about Vue bucket (Vue + VUe-cli + VUe-Router + VUex + AXIOS) and django-Rest framework (django-Rest framework). The project part is an e-commerce project built with Vue + Django, with mobile terminal (H5 website) and PC terminal. The project involves businesses, goods, shopping carts, payment and other functions. Whether you’re doing operations, testing, or development, you’ll get a lot out of this course

Section 1:Vue Basics, Vue experience 14:43 课时3 video Vue fundamentals v-bind 12:06 Lesson 4 video based 】 【 Vue VSCode add custom code snippets 11:51 Class 5 video based 】 【 Vue Class and binding Style attribute when Class 6 video based 】 【 Vue execute javascript expression at 10:00 Class 7 Video Vue Basics V-IF Conditional Judgment 15:34 Class 8 Video Vue Basics V-show and V-IF 10:58 Class 9 Video Vue Basics V-for Loop Arrays and objects 12:23 Class 10 Video Vue Basics V-FOR state 14:52 Class 11 Video Vue Basics Trigger View update 17:30 Class 12 Video Vue Basics Trigger View update Supplement 06:10 Class 13 Video Vue Basics Event Binding 24:32 Class 14 Video Vue Basics Computing Properties 19:59 Class 15 Video Vue Basics Listening Properties 05:43 Class 16 Video [Vue Basics] Form input binding 15:47 Class 17 Video [Vue Basics] Custom component basic use 08:43 Class 18 Video [Vue Basics] Component add attribute 13:50 Class 19 Video [Vue Basics] component custom event 18:17 课时20 课 程 【Vue basics 】 custom components – slot 10:37 课时22 课 程 【Vue basics 】 custom components – slot scope 14:51 课时24 video Vue life cycle function — creation stage 14:26 课时25 video Vue foundation life cycle function — operation stage 04:06 课时26 video Vue foundation life cycle function — destruction stage 08:50 课时27 video Vue foundation Vue filter 10:36 课时28 video Vue foundation library management system (1) 21:24 课时29 video Vue foundation library management system (2) 08:28 chapter 2: vue-router Class 30 video [VueRouter] basic use 21:16 class 31 video [VueRouter] dynamic routing 14:20 class 32 video [VueRouter] component reuse 13:57 class 33 video [VueRouter] 404 error configuration 13:28 课时34 video routing nested (child routing) 19:10 课时35 video programming navigation 20:25 课时36 video naming views 15:29 课时37 video redirecting and aliasing 05:55 Lesson 38 Video Global Navigation Guard 19:29 Lesson 39 Video Routing Navigation Guard 03:42 Lesson 40 Video Component Navigation Guard 15:23 Chapter 3: VUe-CLI 课时42 video [VueCli] environment construction – installation of node 10:58 课时42 video [VueCli] environment construction – use of NPM 15:11 课时43 video [VueCli] VueCli project explanation 19:59 VueCli component Definition and Local Style 21:38 VueCli SASS syntax configuration 04:53 VueCli SASS syntax explanation 16:17 VueCli REM layout principle and configuration 15:32 课时48 video [VueCli] vant component library installation and use 08:44 chapter 4: mobile meituan takeaway combat (1) 课时49 video [meituan project] project initialization 12:47 课时50 video [meituan project] project initialization summary 06:03 课时53 课时53 video 【 United States group project 】 home -header layout and style 08:57 课时53 video 【 United States group project 】 home – business sorting operation bar completed 16:42 课时54 video 【 United States group project 】 home – business list completed 12:46 课时57 video 【 meituan project 】 merchant details – navigation bar and header layout 22:39 课时57 video 【 meituan project 】 merchant details – TAB TAB completed 03:16 课时58 video [meituan project] business details – commodity scrolling completed 28:26 课时59 video [meituan project] business details – commodity scrolling completed 15:41 课时60 video [meituan project] business details – classification and commodity left and right linkage (1) 21:40 课时62 课时62 video 【 meituanproject 】 merchant details -tabbar status switch and navigation back to 05:59 课时63 video 【 meituanproject 】 merchant details – view product details (1) 17:58 (2) 22:32 课时65 video [meituan project] business details – view the details of goods (3) 05:04 课时66 video [meituan project] business details – number of goods pedometer 14:57 课时68 video [meituan project] merchant details – shopping cart implementation (1) 11:07 课时68 video [meituan project] merchant details – shopping cart implementation (2) 16:56 课时69 video [meituan project] merchant details – shopping cart implementation (3) 09:26 课时70 video [meituan project] Vuex presentation 20:35 Vuex Managing shopping cart data 08:05 课 程 72 Packaging of navigation bar components 21:25 课 程 73 Address Management – Address display 08:05 课 程 74 Address Management – Address list 10:43 Lesson 75 video address management – add Meituan project 】 【 09:55 class 76 video address management – edit Meituan project 】 【 77 video and class submit orders to complete 07:21 Meituan project 】 【 lesson 78 video landing page complete 18:30 Meituan project 】 【 chapter 5 jango Rest Framework 课时79 video DRF introduction and installation 08:02 课时80 video DRF project preparation 06:47 课时81 video DRF quick start 16:32 课时82 video DRF serialization – definition of serialization 17:40 Lesson 83 video serialization – DRF 】 【 serialization roar, the use of class 84 video serialization – DRF 】 【 model serialization 04:56 class 85 video serialization – DRF 】 【 direction for serialized nested class 86 video request and response DRF 】 【 09:43 课时88 课时88 video 【DRF】 class view -Mixin usage details 15:57 课时89 video 【DRF】 class view -GenericAPIView usage details 13:35 14:45 课时91 video [DRF] permission authentication – analysis of authentication process 20:53 课时92 video [DRF] permission authentication – manual implementation of JWT authentication (1) 11:50 Lesson 93 Video [DRF] Permission Authentication – Manually implement JWT authentication (2) 10:43 Lesson 94 Video [DRF] Permission authentication – Permission Management 17:10 Lesson 95 Video [DRF] Speed limiting (1) 13:34 Lesson 96 Video [DRF] Speed limiting (2) 08:27 Chapter 6c-end meituan takeout actual combat (1) 课时97 video [meituan background] element-ui installation and configuration 06:27 课时98 video [meituan background] login page 18:14 课时99 video [meituan background] background home page layout 15:29 Class 100 video user model definition 11:44 Class 101 video server logon logic 18:28 Class 102 video login form verification 15:23 Class 103 video cross-domain login 11:12 Class 104 video [Meituan background] Definition and use of user management class 11:47 Class 105 video [Meituan background] Exit login 06:18 Class 106 video [Meituan background] Background page switch 16:42 class 107 video [Meituan background] server business processing completed 10:16 课时108 video [beautiful group background] business list 12:44 课时109 video [beautiful group background] business page 18:01 课时110 video [beautiful group background] business details – overall layout 10:46 课时111 video [beautiful group background] business details – basic information layout 05:45 Lesson 112 video merchants Meituan background 】 【 details – 113 video image upload 30:42 class business details – add business Meituan background 】 【 09:21 class 114 video Http network library encapsulation 22:00 Meituan background 】 【 lesson 115 video loading function encapsulation Meituan background 】 【 persecutions Lesson 116 video CmsBaseView Meituan background 】 【 order adjustment 02:24 class 117 video HTTPJS Meituan background 】 【 response interceptor modify 05:40 class 118 video merchants Meituan background 】 【 119 video editing 09:16 class commodity classification Meituan background 】 【 view set very 课时120 video 【 beautiful group backstage 】 commodity classification and commodity list 06:06 课时121 video 【 beautiful group backstage 】 commodity classification modification completed 14:53 课时122 video 【 beautiful group backstage 】message function encapsulation 05:08 课时123 video 【 beautiful group backstage 】 commodity classification added 06:36 completed Lesson 124 video commodity classification delete completed thy Meituan background 】 【 lesson 125 video new commodity Meituan background 】 【 (1) and 126 video class Meituan background 】 【 new goods (2) 07:44 class 127 video editing Meituan background 】 【 goods” 课时128 video [meituan backstage] delete goods 10:33 chapter 7: mobile meituan takeout combat (2) 课时129 video [meituan project] SMS verification code sending 17:49 课时130 video [meituan project] SMS verification code view improvement 06:48 课时131 video [meituan project] SMS verification code speed limit 10:16 Class 132 video [Meituan project] login back end at 21:23 class 133 video [Meituan project] login front end at 16:05 class 134 video [Meituan project] business list at 10:39 class 135 video [Meituan project] business list partial scrolling 17:17 09:57 课时137 video [beautiful group project] search function – backstage implementation 14:06 课时138 video [beautiful group project] search function – function anti-shake 15:17 课时139 video [beautiful group project] search function – send search request 05:18 课时140 video [meituan project] search function – perfect details 04:30 课时141 video [meituan project] business details real data 18:13 课时142 video [meituan project] restrictions on routing authority 09:46 课时143 video [meituan project] address – background implementation 10:35 课时145 video [meituanproject] address – add and list 20:23 课时145 video [meituanproject] address – modify address 10:28 课时146 video [meituanproject] address – address select switch 12:43 课时147 video [meituanproject] order – create order 23:51 课时148 video [meituan project] order — alipay payment success 20:09 课时149 video [deployment] preparation of the development machine 14:48 课时150 video [deployment] uploading code to the server 06:07 课时151 video [deployment] preparation of the server 15:25 Lesson 152 video “deployment” update order status were chapter 8 c end Meituan delivery of actual combat (2) and proved class 153 video using command to create characters Meituan background 】 【 grouping 16:00 class 154 video Meituan backstage role access control the background 】 15:03 课时155 video [meituan backstage] control the access permission of the foreground role