当前位置:网站首页>Development of uni app imitating wechat app

Development of uni app imitating wechat app

2020-11-08 15:22:34 osc_48550407

uni-app The actual combat imitates wechat app Development

Download address : Baidu cloud disk
Applicable people
have Html+Css+JavaScript Basics , There is a certain Vue.js Basics , Challenging high paying jobs

Course overview
This quarter is uni-app + egg.js The actual combat imitates wechat app And small program full stack development , Turn on pure nvue Native rendering , Greatly improved performance . A development , At the same time Android、iOS And applets, etc .

Chapter contents :
chapter 1: Project introduction
Class hour 1 Video project introduction 07:02
chapter 2: Environment building and project creation
Class hour 2 Video create project and turn on native rendering 08:35
chapter 3: Global configuration
Class hour 3 Video introduces global styles ( One )08:11
Class hour 4 Video introduces global styles ( Two )08:15
Class hour 5 Video introduces custom icon library ( One )07:51
Class hour 6 Video introduces custom icon library ( Two ) Introduced the global 02:56
Class hour 7 Video introduces custom icon library ( 3、 ... and ) Compatible with multiple terminals 05:28
Class hour 8 Video configuration tabbar Bottom navigation 09:21
Class hour 9 Video configuration globalStyle03:00
chapter 4: Chat list page development
Class hour 10 Video head navigation component development 12:43
Class hour 11 video Icon button component encapsulation 05:11
Class hour 12 Video package head navigation component ( One )06:46
Class hour 13 video Package head navigation components ( Two )08:25
Class hour 14 Video development chat list component ( One )11:32
Class hour 15 Video development chat list component ( Two )09:04
Class hour 16 Video packaging head image components 04:34
Class hour 17 video badge Component development 06:23
Class hour 18 Video packaging badge Components 05:39
Class hour 19 Video encapsulation chat list component 08:52
Class hour 20 Video packaging global mixin02:54
Class hour 21 Video development pop-up layer components ( One ) Infrastructure 04:36
Class hour 22 Video development pop-up layer components ( Two ) Pop up close function 15:03
Class hour 23 Video development pop-up layer components ( 3、 ... and )09:08
Class hour 24 Video development pop-up layer components ( Four ) Custom location 08:34
Class hour 25 Video development pop-up layer components ( 5、 ... and ) Long press to pop up the menu ( One )06:34
Class hour 26 Video development pop-up layer components ( 6、 ... and ) Long press to pop up the menu ( Two )10:56
Class hour 27 video Develop pop-up layer components ( 7、 ... and ) Long press to pop up the menu ( 3、 ... and )11:23
Class hour 28 Video development pop-up layer components ( 8、 ... and ) Animation effects 09:19
Class hour 29 Video development navigation pop up extended menu ( One )16:24
Class hour 30 Video development navigation pop up extended menu ( Two )02:17
Class hour 31 Video delete current session 07:05
Class hour 32 Video top , Cancel topping current session 11:18
chapter 5: Address book page development
Class hour 33 Video address list component development 08:27
Class hour 34 Video encapsulates the public list component 07:41
Class hour 35 Video perfect address list 06:47
chapter 6: Discovery page development
Class hour 36 Video optimization public list component 08:55
Class hour 37 Video perfect discovery page 07:57
chapter 7: Personal Center Development
Class hour 38 Video optimization custom navigation bar function 05:59
Class hour 39 Global video component enhancement list 10:38
Class hour 40 Video perfect personal center page 04:49
chapter 8: Chat page development
Class hour 41 Video chat page navigation development 09:21
Class hour 42 Video chat page bottom input box development 09:51
Class hour 43 Video development chat content area 05:08
Class hour 44 Video chat bubble component development ( One )07:47
Class hour 45 Video chat bubble component development ( Two )08:08
Class hour 46 Video optimization icon display problem 07:21
Class hour 47 Video encapsulates chat bubble components ( One )12:03
Class hour 48 Video encapsulates chat bubble components ( Two )06:29
Class hour 49 Video chat time humanized display 10:31
Class hour 50 Video long press to pop up the operation menu ( One )11:01
Class hour 51 Video long press to pop up the operation menu ( Two )03:58
Class hour 52 Video long press to pop up the operation menu ( 3、 ... and )06:32
Class hour 53 Video message recall function implementation ( One )07:25
Class hour 54 Video message recall function implementation ( Two ) Animation effect 05:22
Class hour 55 Video solves the problem of keyboard jack up window 09:43
Class hour 56 Video scrolling to the bottom function 07:31
Class hour 57 Video send text function to achieve 13:02
Class hour 58 Video bottom operation menu development ( One )09:23
Class hour 59 Video bottom menu development ( Two )- Menu list ( One )07:28
Class hour 60 Video bottom menu development ( 3、 ... and )- Menu list ( Two )08:53
Class hour 61 Video bottom menu development ( Four )- Keyboard switch ( One )08:38
Class hour 62 Video bottom menu development ( 5、 ... and )- Keyboard switch ( Two )16:46
Class hour 63 Video bottom menu development ( 6、 ... and )- emoticon ( One )13:33
Class hour 64 Video bottom menu development ( 7、 ... and )- emoticon ( Two )07:40
Class hour 65 Video send emoticon package function ( One )09:04
Class hour 66 Video send emoticon package function ( Two )07:59
Class hour 67 Video send picture function 08:00
Class hour 68 Video preview image save album function 09:42
Class hour 69 Video image loading component ( One )12:05
Class hour 70 Video image loading component ( Two )06:32
Class hour 71 Video packaging image loading component 10:43
Class hour 72 Video and voice playback function ( One )08:57
Class hour 73 Video and voice playback function ( Two )05:41
Class hour 74 Video multi voice playback switch - introduce vuex09:16
Class hour 75 Video multi voice playback switch - Customize global events $on15:06
Class hour 76 Video multi voice playback switch - Customize global events $emit09:36
Class hour 77 Video multi voice playback switch - Customize global events $off05:21
Class hour 78 Video multi voice playback switch - Achieve audio switching 04:12
Class hour 79 Video modification action Name conflict prevention 04:12
Class hour 80 Video to achieve voice playback animation effect 08:44
Class hour 81 Video short video message function ( One )15:20
Class hour 82 Video short video message function ( Two )07:57
Class hour 83 Video short video message function ( 3、 ... and )06:04
Class hour 84 Video processing audio time and bubble length 07:54
Class hour 85 Record video and input text 08:59
Class hour 86 Video recording status animation display ( One )09:19
Class hour 87 Video recording status animation display ( Two )10:52
Class hour 88 Video sending and recording function 08:05
Class hour 89 Video calculates audio duration 07:24
Class hour 90 Video global recording Manager ( One )10:07
Class hour 91 Video global recording Manager ( Two )06:15
Class hour 92 Video recording sending video 08:55
chapter 9: Chat information settings page development
Class hour 93 Video chat information settings page ( One )12:38
Class hour 94 Video chat information settings page ( Two )11:05
Class hour 95 Video chat information settings page ( 3、 ... and )08:58
chapter 10: Friend settings page development
Class hour 96 Personal video development page ( One )15:37
Class hour 97 Personal video development page ( Two )03:46
Class hour 98 Personal video development page ( 3、 ... and ) Operation menu 10:11
chapter 11: Set up notes and tabs
Class hour 99 Video settings note page ( One )11:44
Class hour 100 Video settings note page ( Two )09:35
Class hour 101 Video Settings tab ( One )- Tag list 11:02
Class hour 102 Video Settings tab ( Two )- Add tags 04:56
Class hour 103 Video Settings tab ( 3、 ... and )- Delete and quick add 05:17
Class hour 104 Video Settings tab ( Four )- preservation 12:19
chapter 12: Set up circle of friends and dynamic permissions
Class hour 105 Video set dynamic permissions for circle of friends 10:18
chapter 13: Star Mark friends and join out of blacklist
Class hour 106 Set the video as a star friend 09:22
Class hour 107 Video in and out of blacklist 07:15
chapter 14: Address book index list function
Class hour 108 Video address book index list function ( One )13:10
Class hour 109 Video address book index list function ( Two )10:56
Class hour 110 Video address book index list function ( 3、 ... and )08:45
chapter 15: Recommend business card function
Class hour 111 Video recommended business card ( One )11:03
Class hour 112 Video recommended business card ( Two )- Multiple choice function 12:52
Class hour 113 Video recommended business card ( 3、 ... and )- Limit the number of selections 06:55
Class hour 114 Video recommended business card ( Four )- Real time search 11:20
Class hour 115 Video recommended business card ( 5、 ... and )- Prompt box 15:01
Class hour 116 Video recommended business card ( 6、 ... and )- Prompt box 09:40
chapter 16: User complaint development
Class hour 117 Video user complaint development 09:23
chapter 17: Circle of friends development
Class hour 118 Video circle of friends development - Gradient navigation ( On )11:56
Class hour 119 Video circle of friends development - Gradient navigation ( Next )11:39
Class hour 120 Video friends list - One picture, many pictures 11:40
Class hour 121 Video friends list - Component encapsulation 13:31
Class hour 122 Video friends list - video 02:19
Class hour 123 Video friends list - Like comment list 11:24
Class hour 124 Video friends list - Comment on ( One )- Input box 15:04
Class hour 125 Video friends list - Comment on ( Two )- emoticon 10:11
chapter 18: Profile settings development
Class hour 126 Video profile settings development ( One )08:33
Class hour 127 Video profile settings development ( Two )10:58
chapter 19: QR code business card page development
Class hour 128 Development of business card page of video QR code 06:12
chapter 20: Collection list development
Class hour 129 Develop a video collection list 06:21
chapter 21: Public search page development
Class hour 130 Video public search page development 18:21
chapter 22: Publishing friend circle page development
Class hour 131 Video release circle of friends page - written words 11:43
Class hour 132 Video release circle of friends page - Image & Text ( One )06:45
Class hour 133 Video release circle of friends page - Image & Text ( Two )09:07
Class hour 134 Video release circle of friends page - Image & Text ( 3、 ... and )09:37
Class hour 135 Video release circle of friends page - video 09:45
chapter 23: Log in to the registration page
Class hour 136 Video login page development 15:31
Class hour 137 Video registration page development 03:52
Class hour 138 Optimization of transition from login page to home page when video starts 03:51
chapter 24:egg.js Basic courses
Class hour 139 Video creation egg.js project 07:30
Class hour 140 Video write the first api Interface 08:42
Class hour 141 video router Route parameters ( One )11:30
Class hour 142 video router Route parameters ( Two )11:22
Class hour 143 Video resource routing and routing packets 11:03
Class hour 144 Video database migration ( One )11:06
Class hour 145 Video database migration ( Two )07:57
Class hour 146 video sequelize Model - newly added 14:59
Class hour 147 video sequelize Model - Batch add and modify 08:53
Class hour 148 video sequelize Model - Query individual 10:39
Class hour 149 video sequelize Model - Query multiple and retrievers 07:55
Class hour 150 video sequelize Model -where The operator 08:26
Class hour 151 video sequelize Model - Fields restrict sort pagination 12:35
Class hour 152 video sequelize Model - Modify and restrict fields 11:09
Class hour 153 video sequelize Model - Delete and batch delete 07:45
Class hour 154 Video errors and exceptions are handled uniformly 11:59
Class hour 155 Video middleware configuration 08:11
Class hour 156 Video parameter verification 10:33
chapter 25: Back end api Development and front end interaction
Class hour 157 Video creation project and basic configuration 07:45
Class hour 158 Video global throw exception handling 11:59
Class hour 159 Video packaging api Return format extension 08:31
Class hour 160 video sequelize Database and migration configuration 08:06
Class hour 161 Video user table design and migration 10:08
Class hour 162 Video registration function to achieve 10:14
Class hour 163 The function of video parameter verification is realized ( One )08:59
Class hour 164 The function of video parameter verification is realized ( Two )05:09
Class hour 165 video crypto Data encryption 05:45
Class hour 166 Video user login function 14:56
Class hour 167 video jwt Encryption Authentication 08:35
Class hour 168 video redis Caching plug-ins and encapsulation 09:23
Class hour 169 Implementation of video global authority verification middleware ( One )11:31
Class hour 170 Implementation of video global authority verification middleware ( Two )08:14
Class hour 171 Video log out function 03:35
Class hour 172 Video search user function 06:31
Class hour 173 Video friend form and friend application form design 07:38
Class hour 174 Video application add friends function ( One )13:34
Class hour 175 Video application add friends function ( Two )07:48
Class hour 176 Video access friend application list ( One )08:31
Class hour 177 Video access friend application list ( Two )13:03
Class hour 178 Video processing Friend application ( One )10:30
Class hour 179 Video processing Friend application ( Two )11:38
Class hour 180 Video access address list ( One )06:54
Class hour 181 Video access address list ( Two )06:35
Class hour 182 Video view friends information function implementation 07:53
Class hour 183 Video move in remove blacklist function 09:00
Class hour 184 Video settings cancel star logo friends 05:40
Class hour 185 Video set friend circle permission function 05:35
Class hour 186 Video report complaint friend or group function ( One )11:12
Class hour 187 Video report complaint friend or group function ( Two )05:21
Class hour 188 Video set note and tag function ( One )07:25
Class hour 189 Video set note and tag function ( Two )16:55
Class hour 190 Video set note and tag function ( 3、 ... and )15:44
Class hour 191 Video installation websocket plug-in unit 03:14
Class hour 192 Video link websocket And authority verification 08:36
Class hour 193 Video compatible H5 End treatment 05:41
Class hour 194 Video configuration H5 End cross domain problem 02:59
Class hour 195 Video login registration function to achieve ( One )14:21
Class hour 196 Video login registration function to achieve ( Two )11:58
Class hour 197 Video deployment chat debugging environment 13:04
Class hour 198 Video log out function to achieve 12:13
Class hour 199 Video global mixin Authority verification implementation 07:53
Class hour 200 Video initialization login status 08:51
Class hour 201 Video search user function implementation 06:56
Class hour 202 Video view user profile function ( One )10:19
Class hour 203 Video view user profile function ( Two )09:34
Class hour 204 Video view user profile function ( 3、 ... and )05:50
Class hour 205 Video repair processes friend requests api Interface 01:24
Class hour 206 Video add friends function to achieve 17:05
Class hour 207 Video to be processed friend application number prompt 13:47
Class hour 208 Video pending friend application list ( One )15:28
Class hour 209 Video pending friend application list ( Two )16:40
Class hour 210 Video processing Friend application function 08:24
Class hour 211 Video address list function implementation 10:49
Class hour 212 Video perfect view profile page 05:52
Class hour 213 Video set star friends and set blacklist function 10:08
Class hour 214 Video set friend circle authority function to achieve 09:38
Class hour 215 Video set notes and tags function to achieve 08:52
Class hour 216 Video report complaint friend function to achieve 06:57
Class hour 217 Video perfect a few small problems 06:23
Class hour 218 video websocket Connection authority verification and forced offline 13:35
Class hour 219 Video back end users online and offline depth analysis 09:08
Class hour 220 Video chat class chat.js encapsulation ( One )14:08
Class hour 221 Video chat class chat.js encapsulation ( Two )07:49
Class hour 222 Video chat class chat.js encapsulation ( 3、 ... and )10:16
Class hour 223 Video chat class encapsulation ( Four )- Create and destroy chat objects 12:54
Class hour 224 Video sending message interface development - Single chat ( One )13:36
Class hour 225 Video sending message interface development - Single chat ( Two )12:32
Class hour 226 Video chat class encapsulation ( 5、 ... and )- Send a message 12:35
Class hour 227 Video chat class encapsulation ( 6、 ... and )- Organization send message format 16:59
Class hour 228 Video chat class encapsulation ( 7、 ... and )- Perfect sending message status 08:24
Class hour 229 Video chat class encapsulation ( 8、 ... and )- Add chat 18:03
Class hour 230 Video chat class encapsulation ( Nine )- Update the specified chat record 07:18
Class hour 231 Video chat class encapsulation ( Ten )- Update session list ( One )19:59
Class hour 232 Video chat class encapsulation ( 11、 ... and )- Update session list ( Two )18:18
Class hour 233 Video chat class encapsulation ( 13、 ... and )- Disconnection and reconnection prompt 05:08
Class hour 234 Video rendering and monitoring chat session list 15:51
Class hour 235 Video chat class encapsulation ( fourteen )- Processing received messages 15:10
Class hour 236 There is no reading in video initialization 10:57
Class hour 237 Video chat class encapsulation ( 15、 ... and )- Read session function 10:41
Class hour 238 Video chat page real-time information receiving function 07:54
Class hour 239 Video to get current session details 13:20
Class hour 240 Video creation group chat function ( One )10:54
Class hour 241 Video creation group chat function ( Two )13:08
Class hour 242 Video creation group chat function ( 3、 ... and )14:13
Class hour 243 Video creation group chat function ( Four )14:05
Class hour 244 Video creation group chat function ( 5、 ... and )08:51
Class hour 245 Video group chat sending and receiving messages 18:59
Class hour 246 Video group nickname display 13:19
Class hour 247 Video to get offline messages 08:44
Class hour 248 Video on bottom compatible H5 End 06:39
Class hour 249 Pagination of video group chat list ( One )10:06
Class hour 250 Pagination of video group chat list ( Two )14:25
Class hour 251 Video access to group chat related information ( One )12:30
Class hour 252 Video access to group chat related information ( Two )07:45
Class hour 253 Video modification group name function ( One )16:30
Class hour 254 Video modification group name function ( Two )09:34
Class hour 255 Video group announcement push function ( One )07:35
Class hour 256 Video group announcement push function ( Two )08:42
Class hour 257 Video changes my nickname in this group ( One )11:11
Class hour 258 Video changes my nickname in this group ( Two )07:04
Class hour 259 Video exit and break up group chat ( One )11:05
Class hour 260 Video exit and break up group chat ( Two )06:28
Class hour 261 Video delete specified session function 05:00
Class hour 262 Video group data setting function 12:28
Class hour 263 Video group QR code generation ( One )10:36
Class hour 264 Video group QR code generation ( Two )07:00
Class hour 265 Video generated personal QR code business card 05:51
Class hour 266 Video clear chat record function 05:51
Class hour 267 Video send emoticon package function 06:10
Class hour 268 Video upload files and oss To configure 14:32
Class hour 269 Video upload file request encapsulation 16:02
Class hour 270 Video send picture function 10:02
Class hour 271 Video sending short video function 07:41
Class hour 272 Video sending voice function 16:56
Class hour 273 Video recall message function ( One )15:06
Class hour 274 Video recall message function ( Two )14:29
Class hour 275 Video recall message function ( 3、 ... and )15:55
Class hour 276 Video recall message function ( Four )08:35
Class hour 277 Video forwarding function to achieve ( One )12:13
Class hour 278 Video forwarding function to achieve ( Two )13:42
Class hour 279 Video forwarding function to achieve ( 3、 ... and )18:00
Class hour 280 Video forwarding function to achieve ( Four )03:39
Class hour 281 Realization of video copy function 03:18
Class hour 282 Video delete specified message record 18:09
Class hour 283 Video collection related interface development 12:08
Class hour 284 Videos create collections and collections lists 18:13
Class hour 285 Video delete collection function 02:58
Class hour 286 Video sending collection function 11:05
Class hour 287 Video sending business card function ( One )06:11
Class hour 288 Video sending business card function ( Two )15:10
Class hour 289 Video friends apply for real-time notification 04:32
Class hour 290 Video agreed to add friends real-time notification 08:05
Class hour 291 Video modifying user profile ( One )04:54
Class hour 292 Video modifying user profile ( Two )08:17
Class hour 293 Video delete friend function 12:16
Class hour 294 Video friend circle related data table migration 17:58
Class hour 295 Video publishing circle of friends api Development ( One )17:30
Class hour 296 Video publishing circle of friends api Development ( Two )08:38
Class hour 297 Video publishing circle of friends api Development ( 3、 ... and )11:57
Class hour 298 Video likes circle of friends api Development ( One )10:27
Class hour 299 Video likes circle of friends api Development ( Two )06:49
Class hour 300 Video review circle of friends api Development ( One )08:21
Class hour 301 Video review circle of friends api Development ( Two )03:07
Class hour 302 Video friends list api Development 25:11
Class hour 303 Video my circle of friends list api Development 06:36
Class hour 304 Video friend circle list paging function to achieve 17:37
Class hour 305 Video my circle of friends pagination list implementation 02:48
Class hour 306 Video friends circle like function 07:46
Class hour 307 Video repair delete friends circle record problem 06:53
Class hour 308 Video friends circle dynamic real-time notification function 19:55
Class hour 309 Video reading friends circle dynamic function 07:34
Class hour 310 Video friend circle comment function ( One )13:26
Class hour 311 Video friend circle comment function ( Two )02:09
Class hour 312 Video friends comment emoticon pack function 02:33
Class hour 313 Video publishing circle of friends - Upload pictures in batches 11:06
Class hour 314 Video publishing circle of friends - Upload short video 08:17
Class hour 315 Video publishing circle of friends - Real time notification 10:22
Class hour 316 Video reminds who to watch the function 14:53
Class hour 317 Video circle of friends view permissions 20:42
Class hour 318 Video initialization session list function 08:58
Class hour 319 Video disconnection automatic reconnection processing 07:21
Class hour 320 video Token Automatic exit on error 04:59
Class hour 321 Video view chat record function 10:02
Class hour 322 The video kicks someone out of the group ( One )09:45
Class hour 323 The video kicks someone out of the group ( Two )13:45
Class hour 324 The video kicks someone out of the group ( 3、 ... and )04:59
Class hour 325 Video invite to join group chat ( One )05:50
Class hour 326 Video invite to join group chat ( Two )10:03
Class hour 327 Video part of the small details optimization 04:43
Class hour 328 Video tag list and tag user list 22:17
Class hour 329 Video applet side compatible processing 19:15
Class hour 330 video app End compatible processing ( One )21:22
Class hour 331 video app End compatible processing ( Two )11:47
Class hour 332 Video add background tone ( One )08:19
Class hour 333 Video add background tone ( Two )01:25
Class hour 334 Video forwarding business card function 11:23
Class hour 335 Video check friends circle perfect ( One )13:41
Class hour 336 Video check friends circle perfect ( Two )15:54
Class hour 337 Video check friends circle perfect ( 3、 ... and )10:47
Class hour 338 Video check friends circle perfect ( Four )12:16
Class hour 339 Video check friends circle perfect ( 5、 ... and )12:11
Class hour 340 video iOS End compatible processing 21:05
Class hour 341 Video multi process implementation ( One )17:59
Class hour 342 Video multi process implementation ( Two )14:18
Class hour 343 Video fix pop-up problem 04:43
Class hour 344 Scan the video and add group chat function ( One )13:34
Class hour 345 Scan the video and join the group chat function ( Two )16:44
Class hour 346 Scan the video and join the group chat function ( 3、 ... and )07:24
Class hour 347 Scan the video and add friends 08:31
Class hour 348 Video repair part small bug13:08
chapter 26: Pack and go online
Class hour 349 Build environment before video deployment 14:58
Class hour 350 Video back end deployment online 16:35
Class hour 351 Video deployment H5 End 11:40
Class hour 352 Video Android app Pack and go online 18:10
Class hour 353 video IOS End pack
 
  Download address : Baidu cloud disk

版权声明
本文为[osc_48550407]所创,转载请带上原文链接,感谢