从今天起,我将制作一个电影推荐项目,在此写下博客,记录每天的成果。
其实,从我发布 C# 爬取猫眼电影数据 这篇博客后,
我就已经开始制作电影推荐项目了,今天写下这篇博客,也是因为项目进度已经完成50%了,我就想在这一阶段停一下,回顾之前学到的知识。
一、主要为手机端考虑到项目要有实用性,我选择了手机端,电脑端用的人有点少。然后就是在 xamarin.Forms 和 xamarin.android 这两个中做选择了,我选择了前者,因为xamarin.Forms 更接近WPF ,我也百度了一下,Forms完美支持MVVM设计模式,所以我果断选择了Forms。:)
二、Sql Server + WebApi + Xamarin.Forms考虑到要发布的话,程序直连数据库肯定是不行的,所以我又临时学习了WebApi,将前后端分离,WebApi读取数据,以Json形式返回给App,APP读取到Json数据后再显示到界面上。
三、电影推荐实现思路本人也是新手,不太会算法,但基于内容推荐还是比较简单容易实现的:
想要基于内容,首先得找到电影有哪些属性(标签),下方图中红线标注的就是一部电影可以用的属性,但我目前想要实现的推荐功能用不到这么多属性,所以我只将电影类型转为特征码,
然后给每位用户一个 LikeCode (喜好码),再将喜好码转为特征码,放进数据库中匹配,得到相似度最高的电影(MoviesN),MoviesN就是用户喜欢的电影了,最后通过WebApi查出MoviesN,App通过WebApi的接口获取MoviesN,App再显示MoviesN,这样,基于内容的电影推荐就完成了。
四、功能实现前面说了一大堆,总得拿出点实际的东西给大家看看,
先介绍一下具体有哪些功能:
登录 --已完成
注册 --未完成
首页(上拉加载电影,按评分从高往低排序)--已完成
推荐页(根据用户喜好推荐相匹配的电影,如果没有用户喜好数据则随机推荐)--未完成
相关电影页(在用户点击一部电影后,跳转至该页面,并向用户推荐10部同类型的电影)--已完成
用户页(展示用户的基本信息和用户喜好)--未完成
收集用户喜好(用户每点击一部电影,则向后台发送数据,用户喜好该类型电影多一点)--未完成
下面我就将已完成功能的主要代码一段一段贴出来:
1、首页
首页目前就显示两个控件,一个是SearchBar,一个是ListView,主要看ListView怎样实现的:
1 <VM:InfiniteListView ItemsSource="{Binding DisplayMovies}" LoadMoreCommand="{Binding LoadMoreCommand}" SelectedItem="{Binding SelectMovie}" 2 ItemClickCommand="{Binding MoviesItemClickCommand}" 3 RowHeight="200" SeparatorVisibility="None" HorizontalScrollBarVisibility="Never" VerticalScrollBarVisibility="Never"> 4 <x:Arguments> 5 <ListViewCachingStrategy>RecycleElement</ListViewCachingStrategy> 6 </x:Arguments> 7 <VM:InfiniteListView.Footer> 8 <StackLayout Orientation="Vertical"> 9 <Label Text="加载中……" HorizontalOptions="Center" TextColor="Gray" /> 10 </StackLayout> 11 </VM:InfiniteListView.Footer> 12 <VM:InfiniteListView.ItemTemplate> 13 <DataTemplate> 14 <VM:MyCustomCell> 15 <Grid> 16 <Grid.ColumnDefinitions> 17 <ColumnDefinition Width="1*"/> 18 <ColumnDefinition Width="2*"/> 19 </Grid.ColumnDefinitions> 20 <!--Movie Image--> 21 <forms:CachedImage HeightRequest="200" Source="{Binding ImgSource}"/> 22 <!--<Image Grid.Column="0" Source="{Binding ImgSource}"/>--> 23 <Grid Grid.Column="1"> 24 <Grid.RowDefinitions> 25 <RowDefinition/> 26 <RowDefinition/> 27 <RowDefinition/> 28 <RowDefinition/> 29 <RowDefinition/> 30 <RowDefinition/> 31 </Grid.RowDefinitions> 32 <Grid.ColumnDefinitions> 33 <ColumnDefinition/> 34 <ColumnDefinition/> 35 </Grid.ColumnDefinitions> 36 <Label Text="{Binding DisplayName}" TextColor="Orange" FontSize="Large" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Grid.ColumnSpan="2" HorizontalOptions="Start"/> 37 <Label Text="{Binding Detail}" Grid.Row="2" Grid.Column="0" Grid.RowSpan="4" Grid.ColumnSpan="2"/> 38 </Grid> 39 40 </Grid> 41 </VM:MyCustomCell> 42 </DataTemplate> 43 </VM:InfiniteListView.ItemTemplate> 44 </VM:InfiniteListView>