- 博客(13)
- 收藏
- 关注
原创 使用Vuetify构建用户注册页面的UI并实现表单验证
使用Vuetify构建用户注册页面的UI并实现表单验证。1. 练习使用Vuetify组件设计界面。2. 练习对表单数据进行验证。1. 使用Vuetify实现如下图所示的用户注册页面:2. 在实验四创建的验证规则对账号、密码字段进行数据验证。3. 在实验四创建的useValidRule.ts文件中添加confirmPasswordRules验证规则,对确认密码字段进行验证。
2024-07-27 23:30:00
924
原创 使用Vuetify构建登录系统的UI并实现表单验证
/创建项目时没有添加Pinia要删除下面一行代码//创建项目时没有添加Router要删除下面一行代码directives})//创建项目时没有添加Pinia要删除下面一行代码//创建项目时没有添加Router要删除下面一行代码!v || '必须输入账号!',(v: string ) => (v && v.length <= 20 && v.length >= 3) || '账号的长度为3到20个字符!',])!v || '必须输入密码!',
2024-07-27 00:30:00
1300
原创 实现基于Vue 3组合式API的登录系统
实现基于Vue 3组合式API的登录系统。》和第二章课件。1. 练习使用组合式API编写Vue组件显示后端数据。2. 练习使用Axios向后端发送异步请求。3. 练习使用Mock.js模拟后端数据。1. 用VS Code或WebStorm(后面的步骤以VS Code为例)打开实验二创建的szweb项目文件夹。2. 在VS Code中鼠标右键单击项目的components目录,在弹出的菜单中选择“新建文件”,在输入框中输入新建文件的文件名为UserLogin.vue。
2024-07-26 23:30:00
1096
原创 搭建基于Vue 3的前端项目
9. 在vs code中选择:终端->新建终端,打开终端窗口,在终端窗口中输入pnpm dev启动当前项目,启动成功后按住Ctrl键,点击http://localhost:5173/,在浏览器中查看项目的首页。问题1:第八点,在创建项目的命令行窗口中(已经进入到szweb目录)输入code .用vs code打开当前项目,在命令行窗口输入code .时,系统无反应。9. 在vs code中选择:终端->新建终端,打开终端窗口,在终端窗口中输入pnpm dev启动当前项目,启动成功后按住Ctrl键,点击。
2024-07-26 03:45:00
1707
原创 实现用户登录系统的前后端开发
前端实现部分的login.html、login.css和login.js的内容和选做一基本相同,区别在于login.html中form标签的action属性的值为action="/login",login.html文件、存放login.css的css文件夹和存放login.js的js文件夹都要放到Spring Boot项目的resources目录下的static目录中。
2024-07-25 23:17:17
1452
原创 在Android应用中使用WorkManager处理后台工作
WorkManager提供了丰富的配置选项,允许我们根据需求定制后台任务的行为。这个按钮实际上是切换离线模式和连机模式的一个按钮,offline mode模式就是利用已经下载的jar包,查看本地的jar包,toggle offline mode就是切换到离线模式。课件上的内容只实现了对固定的图片进行模糊处理,参考上一章的内容,完成从相册中任取一张图片进行模糊处理并能够在应用的界面中查看处理后的图片文件。(3)运行代码错误还是没有解决,后发现导入的依赖项中间多了一个空格,格式错误,修改后运行代码没有错误。
2024-07-24 00:30:00
1100
原创 在Android应用中使用Jepack Media3 ExoPlayer播放媒体文件
在项目包(com.example.mediaapp)下新建data包,在该包新建MediaDataSource.kt文件,在该文件中创建名为audioList和videoList的音频文件和视频文件的列表;修改首页的播放音频按钮和播放视频按钮的事件处理程序,使其只有导航到媒体播放界面的功能;即使在处理大文件或高码率的媒体文件时,也能保持稳定的播放效果,避免了卡顿和延迟等问题。尝试使用其他媒体文件进行测试,确保文件未损坏。修改首页的播放音频按钮和播放视频按钮的事件处理程序,使其只有导航到媒体播放界面的功能。
2024-07-23 23:30:00
2739
原创 使用Retrofit从互联网获取数据并完成图像显示应用的开发
点击标题以后,会显示该影集下的所有图片列表,图片列表样式如下图所示,使用LazyVerticalGrid组件实现图像列表的显示,列数为2。(2)在项目的com.example.myAlbums包下新建model软件包下MyAlbums数据类,用于接收从通过百度百科API获取的花卉信息,通过 @Serializable注解可以自动把接收到的花卉信息反序列化成MyAlbums类的对象,当接收 到的数据的字段和当前类的字段的名称不一致时,要通过@SerialName注解标注接收到数据的字段名称。
2024-07-23 00:30:00
704
原创 使用Room在Inventory应用中实现数据的持久化
使用Room在Inventory应用中实现数据的持久化。》、第七章课件。练习在 Android 应用中使用Room实现数据的增删改查操作。
2024-07-22 23:30:00
2399
原创 使用 Compose 实现多屏幕导航
在 Compose 应用中,导航的一个基本概念就是路线。路线是与目标页面对应的字符串。这类似于网址的概念。就像不同网址映射到网站上的不同页面一样,路线是可映射至目标页面并作为其唯一标识符的字符串。目标页面通常是与用户看到的内容相对应的单个可组合项或一组可组合项。Cupcake 应用需要显示“Start Order”屏幕、“Flavor”屏幕、“Pickup Date”屏幕和“Order Summary”屏幕的目标页面。应用中的屏幕数量有限,因此路线数量也是有限的。您可以使用枚举类来定义应用的路线。
2024-07-22 01:00:00
1587
2
原创 完成艺术空间(ArtSpace)应用的开发
不过,您的某些用户可能会发现,在更大屏幕的横屏模式下使用您的应用时,可获得愉快的使用体验。在Android开发中,ViewModel 是 MVVM(Model-View-ViewModel)架构模式中的一个关键组件,用于管理界面(View)的状态和业务逻辑。了解完这些概念后,您可以回到这个项目,运用学到的概念重构您的代码。MVVM:模型(Model)负责数据和业务逻辑,视图(View)负责显示用户界面,视图模型(ViewModel)作为Model和View之间的桥梁,处理业务逻辑并更新View。
2024-07-21 23:30:00
857
原创 完成MySoothe应用的界面设计
(1)导航栏的基本实现用于创建底部导航栏的 NavigationBar(在侧边栏的开头和末尾添加 8dp 的内边距。解决方法:在“Align your body”版块的AlignYourBodyElementh函数中,没有进行正确调用 drawable ,在Image可组合项中的painter修饰符,用于获取一个与指定 drawable 资源相关的 painter 对象。在此步骤中,您了解了如何使用可组合项的形参和修饰符来更改可组合项的外观和风格。如果列表中的元素数量有限,您也可以选择使用简单的。
2024-07-21 13:18:11
1222
原创 在Happy Birthday 应用中添加图像
在Happy Birthday 应用中添加图像》、第二章课件。练习在 Android 应用中添加图片或照片。练习如何使用 Image 可组合项在应用中显示图片。使用 String 资源的最佳实践。在 Android Studio 中打开上机作业二完成的 Happy Birthday 项目。运行该应用后,显示的界面将如以下屏幕截图所示。为项目添加图片在此任务中,您将从互联网上下载一张图片,然后将其添加到您的 Happy Birthday 应用中。
2024-07-20 00:33:27
2305
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人