当前位置:网站首页>Develop and implement movie recommendation applet based on wechat cloud
Develop and implement movie recommendation applet based on wechat cloud
2022-07-05 09:35:00 【m0_ fifty-eight million one hundred and fifty-seven thousand ei】
One 、 Project background
The project name is grapefruit movie , The purpose of this small program is to recommend movies to everyone , Different from other small programs such as ticket selling .
Two 、 Performance requirements
The increase of my shadow list 、 Delete and query . Complete implementation of the movie details page . For all aspects of the applet : Movie recommendation 、 Movie details 、 User authorization 、 Cinema inquiry 、 Cinema location 、 The user login 、 My movie list and other aspects are generally achieved , Achieved the basic requirements . The system should run fast 、 Stable 、 Efficient and reliable . It should have good scalability in structure , Convenient for future function expansion and maintenance .
3、 ... and 、 Function module
Four 、 Detailed design
1、 home page
After opening the applet, the user will directly enter the homepage interface of movie recommendation . The top half of the page is a rotating picture , Store the database of the rotation map in the cloud database , When the page is used, it is directly obtained from the cloud database . The second half is movie recommendation , The movie database uses the cloud database in the wechat developer tool . Screen out films with Douban score greater than or equal to six , As a recommended movie .
2、 Movie details interface
The user clicks the movie recommended in the movie recommendation page , Jump to the movie details page . Use in the movie recommendation page navigator Component implementation jump , At the same time, click... In the movie cloud database _id Send it to the movie details page . On the movie details page , Find the specified... From the cloud database _id Other fields for , Render to page , Show the basic information of the movie . Click the plus sign in the upper right corner , Can add this movie to my movie list , After clicking , Return to my shadow list page and you can see .
3、 The user interface
The user clicks on the user tab , Be able to enter the user login interface , Realize wechat authorized login . Use the method of synchronous acquisition , Implementation of user login interface . The user clicks on the profile details on the login page , Be able to jump to the profile details page , As long as the user's Avatar is included 、 Nickname and gender . The user's Avatar can be modified according to their own situation .
4、 My shadow list interface
The user clicks my shadow list in the personal page , You can jump to my shadow list page , You can query the user's own shadow list , Convenient for users to find . When text overflows in the object, it is the way to display ellipsis marks , Make the layout more optimized , In line with the modern aesthetic . Display the promotional page of the movie 、 Release time and movie title .
On my song list page , Click the red button on the right side of Hello Li Huanying , You can delete this movie from my song list . When text overflows in the object, it is the way to display ellipsis marks , Make the layout more optimized , In line with the modern aesthetic .
5 、 Theater interface
(1). Authorization location interface
After the user enters the cinema page , Click to get location information , The system will pop up a pop-up , Prompt authorization applet location function , After authorization, you can see the nearby cinema in the page .
(2). Get the theater interface
After the user authorized location , The page will display the nearby cinemas according to the user's location . The cinema information in the page includes the name and location of the cinema , And the distance between the user's location and the theater .
( Nearby cinemas use cloud databases .)
(3) Get cinema information interface
Users click the location icon of the cinema , Jump to the cinema information interface . Gaode map is used here API Realize the location display of cinema location on Gaode map .
( The details of resources are in your blog resources )
边栏推荐
- 22-07-04 Xi'an Shanghao housing project experience summary (01)
- Kotlin introductory notes (III) kotlin program logic control (if, when)
- 太不好用了,长文章加图文,今后只写小短文
- NIPS2021 | 超越GraphCL,GNN+对比学习的节点分类新SOTA
- Unity skframework framework (XXIII), minimap small map tool
- C # compare the differences between the two images
- 22-07-04 西安 尚好房-项目经验总结(01)
- Applet network data request
- 一文读懂TDengine的窗口查询功能
- Three-level distribution is becoming more and more popular. How should businesses choose the appropriate three-level distribution system?
猜你喜欢
The most comprehensive promotion strategy: online and offline promotion methods of E-commerce mall
Kotlin introductory notes (II) a brief introduction to kotlin functions
Unity SKFramework框架(二十二)、Runtime Console 运行时调试工具
First understanding of structure
How to choose the right chain management software?
Applet global style configuration window
百度智能小程序巡检调度方案演进之路
22-07-04 Xi'an Shanghao housing project experience summary (01)
Svg optimization by svgo
Kotlin introductory notes (VIII) collection and traversal
随机推荐
Talking about the difference between unittest and pytest
How to empty uploaded attachments with components encapsulated by El upload
OpenGL - Coordinate Systems
H.265编码原理入门
Lepton 无损压缩原理及性能分析
What about wechat mall? 5 tips to clear your mind
[how to disable El table]
MySQL installation configuration and creation of databases and tables
A detailed explanation of the general process and the latest research trends of map comparative learning (gnn+cl)
Kotlin introductory notes (VII) data class and singleton class
太不好用了,长文章加图文,今后只写小短文
Principle and performance analysis of lepton lossless compression
【js 根据对象数组中的属性进行排序】
Unity skframework framework (XXIII), minimap small map tool
SQL learning group by multi table grouping scenario
2310. The number of bits is the sum of integers of K
C # compare the differences between the two images
Understanding of smt32h7 series DMA and DMAMUX
小程序启动性能优化实践
Node の MongoDB Driver