- 博客(194)
- 收藏
- 关注
原创 微信小程序使用vant UI组件库
Vant Weapp是由有赞前端团队开发的微信小程序UI组件库,提供按钮、表单等常用组件。安装需先配置Node.js环境,通过npm安装Vant Weapp后,需修改app.json并构建npm包。使用组件时需在json配置并引入。注意版本兼容、样式覆盖等问题,按需引入可优化性能。该组件库能提升开发效率,建议定期更新并参考官方文档。
2025-07-10 17:12:17
571
原创 微信小程序二维码扫码功能实现指南
微信小程序实现二维码扫码功能的开发摘要:通过wx.scanCode API可轻松调用客户端扫码界面,支持设置onlyFromCamera限制仅相机扫码、scanType指定扫码类型。开发步骤包括:1)wxml添加触发按钮;2)js实现扫码逻辑和结果处理;3)wxss添加样式。注意事项包含权限配置、真机测试、结果验证等。该功能支持获取二维码内容、类型等详细信息,并可根据业务需求对扫码结果进行定制化处理,开发文档详见微信官方API。实际效果需在真机测试,开发者工具模拟可能受限。
2025-06-26 14:06:05
804
原创 微信小程序课程设计新闻资讯app
本文介绍了一个基于微信小程序的新闻资讯应用开发方案。该应用包含首页轮播图、分类新闻展示和用户中心三大核心功能模块。首页采用swiper组件实现轮播图效果,下方展示最新新闻列表;新闻页面采用可滑动tabbar实现新闻分类浏览;用户中心提供登录注册功能。技术实现上采用官方基础组件,配置统一拦截器处理网络请求,并实现用户注册、登录和记住密码功能。文中提供了详细的代码示例,包括app.json配置、首页布局(index.wxml)和数据获取逻辑(index.js),展示了如何获取并处理新闻数据、实现分类切换等功能。
2025-06-26 11:17:31
990
原创 微信小程序课程设计鲜花商城系统
本文介绍了一个纯前端实现的微信小程序鲜花商城系统,采用微信小程序原生开发框架,完全依赖本地存储API(wx.setStorageSync/wx.getStorageSync)实现数据持久化。系统包含用户模块(登录/注册)、首页展示模块(轮播图、商品列表)和购物车模块(加减商品、计算总价)三大核心功能。通过将用户信息、商品数据和购物车状态存储在本地,实现了无需后端服务的完整电商功能流程,展现了轻量级小程序的开发优势。项目技术架构简洁,适合学习微信小程序本地数据存储和状态管理的实践应用。
2025-06-23 16:17:08
1032
原创 微信小程序课程设计美食点餐订餐系统
本文介绍了一个基于微信小程序的美食点餐系统设计与实现。该系统采用纯前端架构,使用wx.setStorageSync进行本地数据存储,实现了用户注册登录、首页展示、分类浏览和购物车管理等核心功能模块。系统通过本地数据持久化技术,确保用户关闭小程序后数据不会丢失。文章详细展示了各模块的关键代码实现,包括用户认证、商品展示、分类筛选和购物车操作等功能,为餐饮行业数字化转型提供了一个轻量级的小程序解决方案。
2025-06-20 14:49:11
1270
原创 JavaScript 数组常用方法 find, findIndex, filter, map, flatMap, some
本文详细介绍了JavaScript数组的常用方法,主要分为ES6新增方法和传统方法两大类: ES6新增方法: find() - 查找首个符合条件的元素 findIndex() - 查找首个符合条件的元素索引 filter() - 筛选符合条件的多个元素 map() - 数组元素转换 flatMap() - 映射后扁平化数组 some() - 检查是否有元素满足条件 传统方法分类: 查询类:includes()、indexOf()、every() 操作类:concat()、slice()、splice() 转
2025-06-19 18:09:56
819
原创 基于微信小程序的垃圾分类app
摘要:本文介绍了一款基于微信小程序的垃圾分类应用开发过程,包含用户、搜索、拍照识别、考试和个人中心五大模块。应用采用微信小程序原生框架,集成天聚数行API实现95%准确率的图像识别和快速搜索功能。重点阐述了搜索、拍照识别和答题模块的实现逻辑,强调第三方API在降低AI开发门槛方面的优势。项目具有高识别准确率、快速响应和低成本等特点,通过考试模块有效提升用户环保意识。经验表明,成熟API服务能显著提升应用稳定性,是功能实现的高效解决方案。 (字数:150字)
2025-06-16 09:29:57
783
原创 基于微信小程序的天气预报app
本文介绍了如何开发一个基于和风天气API的微信小程序天气预报应用,涵盖项目结构、API配置、核心功能实现等关键技术点。主要功能包括实时天气展示、7天预报、城市搜索与管理以及换肤功能。通过CSS变量和本地存储实现主题切换的持久化效果。文章提供了详细的代码示例,包括天气数据获取与处理逻辑,并强调了开发中的注意事项,如API调用限制、异常处理和性能优化。最后展示了项目运行效果截图,呈现了一个功能完善、界面美观的天气小程序实现方案。
2025-06-11 16:25:26
1479
原创 基于微信小程序的校园二手交易平台
本文介绍了一个校园二手交易平台微信小程序的开发实现。该项目采用微信小程序原生框架(WXML/WXSS/JS)作为前端技术,搭配SpringBoot+MyBatis后端架构和MySQL数据库。核心功能包括用户登录注册、二手商品发布与浏览等模块。文章详细展示了登录注册、商品发布的代码实现,并提供了项目效果截图。该系统为在校学生提供了便捷的二手物品交易渠道,实现了完整的交易流程。开发者指出后续可加入推荐算法等功能进一步提升平台价值,并强调了模块化思维和小程序开发注意事项的重要性。
2025-06-10 14:41:43
2574
7
原创 基于微信小程序的天气app
本文介绍了一个基于微信小程序的天气应用开发项目。项目采用JavaScript开发,数据来源于和风天气开放平台。核心功能包括天气展示和个性化换肤,换肤功能通过WXML布局文件、WXSS样式文件和JS逻辑代码实现,提供9种渐变色皮肤选择并支持本地存储。文章还展示了项目运行效果图和思维导图,并附有作者其他Android开发教程链接。该项目结构清晰,适合初学者学习微信小程序开发基础。
2025-05-03 18:44:36
1016
原创 基于微信小程序的购物商城系统实现
该项目包含用户端小程序和服务端、web管理员端的全栈开发。用户端采用微信小程序开发工具和JS语言,实现移动端功能;服务端基于Java的SpringBoot+MyBatis框架,使用IDEA开发;web管理员端采用Vue+ElementUI框架和Node.js环境。项目展示了丰富的UI界面效果图,并提供了作者其他Android开发实战教程的链接,包括新闻资讯APP、购物商城、备忘录记事本等案例。系统架构完整,覆盖前后端开发,适合学习全栈项目开发流程。
2025-04-29 17:49:54
586
原创 Android开发,实现一个简约又好看的登录页
在res/drawable创建顶部渐变背景 在res/drawable创建登录按钮背景 在res/drawable创建登录区域背景 2.设计要点说明父布局使用线性布局包裹自适应小屏幕使用包裹,在使用时,特别注意它的子组件只能有且仅有一个使用来实现背景圆角,渐变等设置3. 效果图
2025-04-28 17:58:55
1936
原创 使用微信开发者工具创建微信小程序项目(完整指南)
本文详细介绍了微信小程序开发的项目创建全过程。首先需要下载开发者工具并注册账号,然后通过扫码登录后填写项目名称、目录和AppID等基本信息即可创建项目。项目创建后会生成标准目录结构,包含pages、app.js等核心文件。开发者工具提供模拟器、编辑器和调试器等模块,点击编译按钮即可运行第一个小程序。成功创建项目后,开发者可以开始学习组件、API、页面修改等进阶内容,为后续小程序开发打下基础。
2025-04-23 11:57:01
2580
原创 IDEA的常用设置(更新中......)
File->Settings-> 搜索框【输入font】->Color Scheme Font 和 Console Font。File->Editor->File Encodings 在对应的位置改为。如果大家在日常开发中有觉得好用的常用设置可以评论告诉我,我更新上去~
2025-04-14 09:58:08
282
原创 Android开发,Activity管理工具类
下面是一个完整的Activity管理工具类实现,可以帮助你管理应用中的所有Activity,方便一键退出应用、获取当前Activity等操作。方法,并不能退出app,而是又重新启动app。页面(不要在A页面调用finish()),如果在。销毁掉,从而导致app被重启,所以需要对。在Android开发过程中,从。
2025-04-01 11:02:15
367
原创 Androidstudio开发,实现商品分类
创建一个布局文件,用户显示商品分类页的内容:2. 创建商品分类(Adapter)适配器对应布局文件:3. 实现商品分类Activity在中,初始化控件,绑定,并实现点击事件4. 在res/values/ 下新建 array.xml ,用于添加商品分类数据新建 文件5. 效果演示
2025-03-31 15:16:08
796
原创 idea创建springboot项目
https://start.spring.io/如下图所示:填写项目相关信息,如下图所示:点击右上角【Add dependencies…】,导入相关依赖,如下图所示:分别选中, ,,选择之后如下图所示:项目信息确定无误之后,点击底部【Generate】按钮下载,一个springBoot空项目就创建好啦使用idea运行刚才下载好的springbootTest项目(先解压,这一步不用多说吧~) ,也尽量不要放在桌面,也尽量不要放在桌面,也尽量不要放在桌面打开idea,选择【OPEN】如下图
2025-03-31 09:37:03
3740
原创 idea创建springboot项目(看完学废~)
项目信息确定无误之后,点击底部【Generate】按钮下载,一个springBoot空项目就创建好啦。使用idea运行刚才下载好的springbootTest项目(先解压,这一步不用多说吧~)点击右上角【Add dependencies…这里构建需要一点时间,这取决于你的网速~选择【open】之后,导入刚才创建好的。格式,然后将项目配置代码复制进去即可。,也尽量不要放在桌面。,也尽量不要放在桌面。,也尽量不要放在桌面。
2025-03-30 12:16:51
700
原创 Androidstudio实现引导页文字动画
1、引导页具有两行文字(“疫情在前”和“共克时艰”),和向上的 图标。2、进入【引导页】后,“疫情在前”文字从屏幕最左边水平滚动到中 间;“共克时艰”文字从屏幕最右边水平滚动到中间;需要两排文字 同时到达中间。3、向上滑动页面时,跳转到【疫情大数据报告】界面。创建一个布局文件 ,用于显示引导页的内容:2. 实现引导页GuideActivity在中,实现文字动画效果,并处理手势向上滑时,触发跳转到目标页面事件:3. 总结动画使用来实现手势使用来实现获取屏幕宽度使用4. 效果演示
2025-03-22 20:57:44
885
原创 微信小程序开发,轮播图+9宫格实现(超详细)
3、轮播图下面是9宫格区域,9宫格内容为图片+文字形式呈现,不能是单纯的图片或文字展示。2、顶部是轮播图区域,轮播图需要自定切换图片,图片3张以上即可。1、需要和原型图设计稿对应的元素保持一致的样式。
2025-03-16 12:07:19
930
原创 Androidstudio实现一个app引导页(超详细)
2、引导页需要隐藏导航栏,有三张图片,从第一张图片可以向左滑动 到第二张图片;从第二张向左可以滑动的第三张照片,向右可以滑动 到第一张照片;从第三张照片可以向右滑动到第二张照片。3、底部有三个小圆点,小圆点根据图片变动;显示第一张图片时,只 有第一个小圆点为红色;显示第二张图片时,只有第二个小圆点为红 色;显示第三张图片时,只有第三个小圆点为红色。5、第三张图片上面有一个圆角矩形的“立即体验”按钮。1、需要和原型图设计稿对应的元素保持一致的样式。4、点击底部小圆点可以跳转到对应的图片。
2025-03-15 20:31:47
1134
原创 Android开发,自定义控件实现角标标签
是一个用于在视图的四个角落显示角标的自定义控件。角标可以显示文字,并且可以自定义角标的位置、大小、颜色、文字大小、文字颜色等属性。首先,我们需要定义控件的属性,并在构造函数中进行初始化// View宽度的一半// 角标画笔// 文字画笔// 角标路径// 角标位置,0:右上角、1:右下角、2:左下角、3:左上角// 角标的显示边长// 字体大小// 字体颜色// 角标文字// 角标背景颜色// 文字到斜边的距离init();i++) {
2025-03-05 11:14:14
702
原创 Androidstudio使用BottomNavigationView 实现底部导航栏
在 Android 开发中,BottomNavigationView 是一个常用的组件,用于实现底部导航栏。它通常与Fragment结合使用,以便在用户点击不同的导航项时切换不同的界面。
2025-03-04 10:23:32
2071
原创 Android开发,多宫格列表实现
先看效果图1.编辑fragment_home.xml布局文件2. 分析整个页面布局使用了LinearLayoutCompat、NestedScrollView、Toolbar、ImageView、TextView等组件。以下是对其结构的详细分析:
2025-03-03 15:36:37
970
原创 Android开发,待办事项提醒App的设计与实现(个人中心页)
2. 实现逻辑MineFragment.java初始化控件事件监听初始化数据,获取登录用户信息页面回传刷新用户信息3. 运行效果图
2025-01-21 14:17:46
1761
原创 Android开发,使用ViewPager2实现自动轮播图
/ 自动滚动间隔// 加载布局// 设置适配器// 设置初始位置到中间// 创建指示器// 设置页面切换监听@Override});// 开始自动滚动i < count;i++) {// 设置第一个点为选中状态if (!i++) {@Override= null) {@Override
2024-12-06 14:31:58
1922
原创 Android开发,App启动过渡页/欢迎页/开屏页
这种布局常用于App首次启动时的过渡页面,给用户一个品牌印象的同时,也提供了跳过等待的选项。
2024-11-30 13:14:11
988
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人