第二周总结
本周工作内容
Element Plus 组件深入学习
学习了 el-date-picker 日期选择器的使用,包括日期、日期时间、日期范围的选择和格式化。
实践了 el-table 表格组件,包括列定义、操作列、分页功能。
学习了 el-dialog 对话框的使用,实现数据的编辑和删除功能。
完成了多个 Element Plus 组件的示例代码,包括表格、分页、对话框等。
Android 开发学习
实现了简单的登录注册功能(未连接后台数据库)。
学习了 Android 的基本布局和控件使用,包括 EditText、Button、TextView 等。
实践了 SharedPreferences 存储用户信息,实现简单的数据持久化。
完成了登录、注册页面的布局和逻辑代码。
学到的知识
Element Plus 组件
el-date-picker 的多种类型(日期、日期时间、日期范围)和格式化配置。
el-table 的动态数据绑定、列定义、操作按钮和分页功能。
el-dialog 的显示和隐藏控制,以及数据的传递和展示。
Android 开发
Android 的基本布局(RelativeLayout、ConstraintLayout)和控件使用。
SharedPreferences 的基本用法,实现简单的数据存储和读取。
Intent 的跳转和页面间数据传递。
Toast 提示信息的显示。
遇到的问题及解决方法
问题:el-date-picker 日期范围选择器的数据绑定问题。
解决方法:检查 v-model 绑定的数据类型,确保日期范围选择器绑定的是数组类型。
问题:el-table 分页功能的数据处理。
解决方法:通过 currentPage 和 pageSize 计算分页数据的起始和结束位置,实现分页效果。
问题:Android 登录注册页面的数据验证逻辑。
解决方法:使用 TextUtils.isEmpty() 判断输入是否为空,并通过 SharedPreferences 存储和验证用户信息。
代码统计
Element Plus 组件代码
代码量:约 120 行(模板 + 脚本)。
完成时长:4 小时。
Android 开发代码
代码量:约 150 行(XML + Java)。
完成时长:6 小时(包括布局和逻辑调试)。
总结
本周深入学习了 Element Plus 的常用组件,掌握了表格、分页、对话框等复杂功能的使用。同时,通过 Android 开发实践,熟悉了基本的页面布局和逻辑实现,对移动端开发有了初步了解。下一步计划学习 Vue3 的状态管理和 Android 的网络请求(如 Retrofit)。

浙公网安备 33010602011771号