我们的应用是先锋电脑维修网的win10应用版。
我们的应用能够实现:
A.开场动画
B.用户注册、登陆,个人信息维护及查看
C.用户进行维修预约,查看和修改自己的预约信息
D.第三方登陆
E.分享到空间/QQ/微信等
F.管理员登陆
G.管理员查看所有用户信息和所有订单
H.管理员处理用户提交的预约订单,处理问题用户
I.管理员发布公告
J.预约成功添加事件
(其中D, E, J为扩展功能)
我们应用的特色在于:
1、Windows风格的开场动画
2、能够帮助用户方便地进行预约。
总体框架图:
具体设计:
(由于时间等原因,只是给出大概设计,具体还会再做改进)管理员:
用户:
我们应用的每个功能所需的技术为:
A.进入应用后的动画
我们可以看到在我们应用的web版,在进入的时候会有一个很可爱的动画,为windows10系统的错误画面,这个动画中的百分比数字会不断改变,当其变为百分之百的时候即可进入我们的应用。所以我们也打算在我们的应用中实现这个功能。
我们实现这个功能需要的具体技术有两个,一个是动画的制作,一个是应用的启动,想到老师在课上提到的关于StoryBoard的知识,所以我找到了
https://docs.microsoft.com/en-us/uwp/api/windows.ui.xaml.media.animation.storyboard
UWP官方文档中对StoryBoard的说明和解释,但是我觉得完美的复制WEB版的动画可能会有一些难度,所以我又去查阅了更为详尽的关于StoryBoard的资料,结果发现了
https://www.cnblogs.com/shaomeng/p/8601962.html
其中提到的LottieUWP令我很感兴趣,于是我决定在最后的开发中尝试使用LottieUWP
之后是关于应用的启动,之前的作业中,关于APP的构建中,官方文档直接给出了关于应用启动的一些建议和意见以及一些可能用到的事件。
https://docs.microsoft.com/zh-cn/windows/uwp/debug-test-perf/best-practices-for-your-app-s-startup-performance
这里面介绍了关于应用的启动的知识,我打算将它们结合起来。
B.用户的注册,登录,基本信息的查看
用户的注册和登录所用到的主要知识和步骤大体就是UI的设计问题和数据库的操作问题,数据库的操作在后面的部分有所介绍,在这里就先跳过不提,之后就是每个输入进行格式上的限制,这部分也比较简单,在这之上我打算利用发送短信的方式,之后在一定时间内输入短信验证码的内容,来进行注册的验证,我查阅了一些资料,都没有与之完全相关的内容,只找到了
https://www.cnblogs.com/qq-smile/p/7273604.html
关于UI层的东西。
而发送短信并且验证这一点我们只能以UWP官方文档中发送短信这一部分来向外扩展了。
https://docs.microsoft.com/zh-cn/windows/uwp/contacts-and-calendar/sending-an-sms-message
C.预约信息的增删改查
这一部分主要还是对数据库的操作部分,主要的还是如何呈现用户的预约信息,能够让用户条理清晰的看到预约的信息。
在这里,由于每个预约信息都是分立且单独的,这让我想起了TODO,很多TODO中将每个任务分成很多小任务并且每个任务单独享有很多属性,于是我想到了用一个个CARD来呈现这些预约信息,于是我就查阅UWP控件中的有没有CARD之类的控件
结果查找到了
https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/contact-card
我觉得通过些许的改变和定制就能实现好看的UI了。
D.第三方登录
我们应用打算提供第三方登录的功能
https://docs.microsoft.com/zh-cn/windows/uwp/security/web-authentication-broker
于是我找到了腾讯开发者平台,之后通过申请腾讯开发者来获取到对应的私钥和ID(正在申请中)
http://open.qq.com/
E.分享到QQ空间等
同上,但是在仔细研究后发现QQ开发者平台似乎没有提供对UWP的接口,我们打算使用web的登录和分享功能,来实现我们应用的第三方登录和分享功能。
F:管理员发布公告
https://docs.microsoft.com/zh-cn/azure/app-service-mobile/app-service-mobile-windows-store-dotnet-get-started-push
https://docs.microsoft.com/zh-cn/windows/uwp/publish/send-push-notifications-to-your-apps-customers
可以利用windows推送服务(wns,这是win10通知机制中的一种)向用户推送重要公告。
G.预约成功添加事件
为了防止用户在预约之后忘记,我们在成功预约之后添加事件,事件将被添加到用户的日历里。
https://docs.microsoft.com/en-us/windows/uwp/contacts-and-calendar/managing-appointments
这个页面简单介绍了如何添加一个约定事件。
H.数据库操作:
数据库是我们这个应用里最重要的部分之一,我们的app就是基于数据库的。
每个新用户注册,都应该保存用户信息,每个用户登录,都要判断密码是否正确。每次进行填写、修改、查看等操作时,都要从数据库里取出相应的表单,进行读写操作。https://docs.microsoft.com/en-us/windows/uwp/data-access/sqlite-databases,这个网页介绍了uwp应用如何使用SQLite数据库。
https://blog.youkuaiyun.com/github_36704374/article/details/60469324
这个网站里介绍了基本的增删改查步骤。我们会为不同的存储内容设计不同的表,以达到对数据进行操作的目的。
我们的采访视频为:
(写博文时视频审核中,若没有请等等) https://www.bilibili.com/video/av21948722/根据采访的结果,我们更新后的设计为:
增加SSO登陆