[wechat applet full stack development course] course directory (mpvue+koa2+mysql)

1、 Preface

This course will make one of my online full stack applet projects 【 Free course 】 Share with you ~

The applet scans the following QR code to view the function ：

Build applet environment + Introduction to development tools +vue+ES6 Basic knowledge of + Display of each line of code + Code logic + Construction of cloud server + The whole process of launching the applet will include , The purpose is to let everyone copy a complete project through my sharing .

There is no nonsense here , Only dry goods . What's the problem? 、 It is recommended that you leave a message directly , Or pay attention to my official account. 【 Maoningyi 】 Backstage questions （ There is my personal wechat in the official account ）

Reply in official account 【 Source code 】 Extract the code of this project

This project uses the front and rear end separation development , Front end use mpvue（ For internal use vuejs The grammar of ） frame , The back-end using koa2 frame , Database usage mysql.

It doesn't matter if you haven't heard of the above framework , Next we will explain , Easy to get started ~

Every line of code in the development process is completely displayed , Follow the steps of the course step by step , I believe you will soon have your own small program ~

2、 The course catalog

Chapter one

1.1【 Wechat applet full stack course 】 Course is an introduction to （mpvue+koa2+mysql）

1.2 【 Wechat applet full stack course 】 Introduction to applet – True self-discipline

1.3【 Wechat applet full stack course 】 Applet account registration 、 Download and install development tools

1.4【 Wechat applet full stack course 】 Introduction to native applet framework

1.5【 Wechat applet full stack course 】 install sublime3 Code editor and vue plug-in unit

1.6【 Wechat applet full stack course 】mpvue Small program framework construction and introduction

Chapter two

2.1【 Wechat applet full stack course 】 Initial configuration of applet front-end page

2.2【 Wechat applet full stack course 】index Page building –ESlint Format error

2.3【 Wechat applet full stack course 】index Page perfection –vue File code parsing

2.4【 Wechat applet full stack course 】ES6 Detailed knowledge – establish config.js The configuration file

2.5【 Wechat applet full stack course 】 Personal center page construction

2.6【 Wechat applet full stack course 】 Add bottom navigation

The third chapter

3.1【 Wechat applet full stack course 】 Build a back-end development environment locally

3.2 【 Wechat applet full stack course 】 Login function （ One ）– Implement login function

3.3 【 Wechat applet full stack course 】 Login function （ Two ）– Custom login pop ups

3.4 【 Wechat applet full stack course 】 Components (Component)– Encapsulate the login popup component

3.5 【 Wechat applet full stack course 】 Login function （ 3、 ... and ）– Get user information

3.6 【 Wechat applet full stack course 】 Login function （ Four ）– The login success pop-up window is displayed

Chapter four

4.1 【 Wechat applet full stack course 】 Personal center （ One ）– Page style 、 User information display

4.2 【 Wechat applet full stack course 】 Personal center （ Two ）– Show random statements

4.3 【 Wechat applet full stack course 】 Personal center （ 3、 ... and ）– Operation guidance page

4.4 【 Wechat applet full stack course 】 Personal center （ Four ）– Create a feedback page

4.5 【 Wechat applet full stack course 】 Feedback （ One ）– Real time monitoring of word count

4.6 【 Wechat applet full stack course 】 Feedback （ Two ）– Upload photos

4.7 【 Wechat applet full stack course 】 Feedback （ 3、 ... and ）– Operating the database knex

4.8 【 Wechat applet full stack course 】 The connection between the front and back of the applet and get、post Code encapsulation

4.9 【 Wechat applet full stack course 】 Feedback （ Four ）– Submit feedback

The fifth chapter

5.1 【 Wechat applet full stack course 】 The home page is perfect （ One ）– Click the record to insert into the database

5.2 【 Wechat applet full stack course 】 The home page is perfect （ Two ）– Read current score

5.3 【 Wechat applet full stack course 】 The home page is perfect （ 3、 ... and ）– The drop-down refresh 、 Sharing features

5.4 【 Wechat applet full stack course 】 The home page is perfect （ Four ）– Reset function

5.5 【 Wechat applet full stack course 】 The home page is perfect （ 5、 ... and ）– Undo function

Chapter six

6.1 【 Wechat applet full stack course 】 Record page （ One ）– Add a record page

6.2 【 Wechat applet full stack course 】 Record page （ Two ）– Get record data

6.3 【 Wechat applet full stack course 】 Record page （ 3、 ... and ）– Record data component initialization

6.4 【 Wechat applet full stack course 】 Record page （ Four ）–mpvue Time format

6.5 【 Wechat applet full stack course 】 Record page （ 5、 ... and ）– Hide show text box

6.6 【 Wechat applet full stack course 】 Record page （ 6、 ... and ）– Revise notes

6.7 【 Wechat applet full stack course 】 Record page （ 7、 ... and ）– Page loading record data

6.8 【 Wechat applet full stack course 】 Clear all records

Chapter vii.

7.1【 Wechat applet full stack course 】 The app goes online –Eslint Format specification

7.2 【 Wechat applet full stack course 】 The app goes online – Configure ECS 、 domain name

7.3 【 Wechat applet full stack course 】 The app goes online –nginx install 、SSL Certificate installation

7.4【 Wechat applet full stack course 】 The app goes online – be based on Ubuntu Build a small program running environment

7.5【 Wechat applet full stack course 】 The app goes online – Upload code review