- 博客(553)
- 收藏
- 关注
RSS订阅原创 【Flutter3.8x】flutter从入门到实战基础教程(一):新建一个flutter项目
本文介绍了Flutter项目的初始化配置步骤：首先在VSCode中安装Flutter插件并创建新项目；然后配置安卓模拟器，确保API版本匹配；接着修改settings.gradle.kts文件添加国内镜像地址，并调整gradle-wrapper.properties使用阿里云镜像以加快项目启动。最终实现热更新功能，修改代码后能自动刷新页面，提升开发效率。配置完成后即可快速运行Flutter示例程序。
2026-05-22 14:20:00
127
原创 【vue3+ArcGIS5】web开发中的地图功能从入门到实战四:更改地图的图层样式
本文介绍了如何为ArcGIS地图实现样式切换功能。通过安装vue3-select-component下拉组件，从ArcGIS官网API加载多种地图样式，实现地图换肤效果。主要步骤包括：1)注册下拉组件；2)获取并筛选可用地图样式；3)监听选择事件重新加载地图；4)CSS定位下拉框到地图右上角。最终实现通过下拉菜单实时切换不同地图样式的功能，增强了地图展示的灵活性。
2026-04-02 17:16:13
122
原创 【vue3+ArcGIS5】web开发中的地图功能从入门到实战三:在地图上画形状
本文介绍了如何使用ArcGIS API在地图上绘制基本图形，包括圆形、直线和多边形。通过创建GraphicsLayer图层，使用Graphic对象定义几何形状和样式，可以轻松实现地图标记功能。代码示例展示了如何分别绘制圆形（点标记）、折线（由多个坐标点组成）和多边形（闭合区域），并设置不同的颜色、边框等样式属性。这些方法可以满足业务开发中常见的地图标记需求，为地理信息系统开发提供基础图形绘制能力。
2026-04-02 15:27:16
94
原创 【vue3+ArcGIS5】web开发中的地图功能从入门到实战二:工程改造实现组件式开发
本文介绍了如何将ArcGIS SDK以插件方式集成到Vue项目中。首先通过pnpm install @arcgis/core安装依赖，然后在main.js中配置esriConfig使用本地资源加速开发。关键步骤包括：1)将node_modules中的ArcGIS资源复制到public目录；2)配置copy命令；3)创建地图组件，使用Map和MapView类初始化地图。文中还强调了需要申请ArcGIS开发者账号获取API Key，并提供了地图加载成功和错误的处理示例。最终实现了在Vue项目中组件化使用ArcG
2026-04-02 14:31:22
119
原创 【vue3+ArcGIS5】web开发中的地图功能从入门到实战一:显示一个基础的地图
本文介绍了如何在Vue3项目中使用ArcGIS地图插件实现2D/3D可视化效果。主要内容包括：1)创建Vite+Vue3项目；2)通过CDN引入ArcGIS JS SDK；3)开发地图显示组件，配置底图、中心点和缩放控件；4)在App.vue中集成地图组件；5)运行项目展示地图效果。该方法可快速实现ArcGIS地图在Vue项目中的集成应用，适用于各类地理信息可视化场景。
2026-04-02 14:16:05
110
原创 【JAVA】Spring3.x中的swagger配置基础教程
摘要：本文记录了在Spring 3.x项目中集成MyBatis-Plus和Swagger时遇到的问题及解决方案。由于使用了错误的Knife4j版本（Spring 2.x版本），导致项目启动失败。通过更新配置为Spring 3.x兼容的Knife4j版本，并采用新的注解语法（如@Tag、@Operation等），最终成功实现接口文档功能。文章详细展示了配置类、控制器代码、DTO定义以及application.yml的完整配置，并附有运行效果截图，为Spring 3.x环境下集成Knife4j提供了完整参考。
2026-03-28 18:17:13
223
原创 【NODE】docker部署后端java项目实战基础版
本文介绍了将本地开发的Spring Boot项目部署到线上的完整流程。首先准备一个包含测试接口的Spring项目并打包成jar，本地测试确认运行正常后，创建Dockerfile文件配置部署环境。然后将文件上传至Linux系统，使用docker命令构建镜像并运行容器。通过查看日志和浏览器访问验证线上环境与本地效果一致。文章详细记录了从项目准备、本地测试、Docker镜像构建到线上部署的全过程，并提供了完整的docker操作步骤命令，帮助开发者快速掌握简单的jar包接口上线部署方法。
2026-03-24 18:05:48
110
原创 【NODE】vite项目的前后端手动部署流程
不管是做前端还是后端开发，项目做完后都需要上生产环境，也就是运维说的要放到linux服务器上面去。那前端后端该做哪些工作呢？
2026-03-20 09:40:55
299
原创 【NODE】Linux centos上安装nodejs方法教程
本文介绍了在Linux CentOS系统上安装Node.js的详细步骤。首先从Node.js官网下载指定版本（v14.1.0）的安装包，然后在服务器创建/opt/program/nodejs目录并解压安装包。接着配置环境变量，在/etc/profile文件中添加Node.js路径，使用source命令使配置生效。最后通过node -v和npm -v命令验证安装是否成功。整个过程包括创建目录、解压安装包、配置环境变量和验证安装等关键步骤，确保用户能顺利完成Node.js的安装。
2026-03-19 10:00:13
144
原创 【REACT19】开发中经常会用到的默认占位图片工具
本文介绍了开发中常用的图片占位工具网站，分为三大类：1) 占位图片资源（Picsum、Dummy Image），提供可自定义尺寸的随机/简单图片；2) 高质量测试图片（Unsplash、Pexels、Pixabay），适合正式场景；3) 随机图片资源（Random User、Lorempixel），适用于特殊需求。重点介绍了Picsum的详细功能，包括基础用法、特定图片获取、多种图片效果（灰度/模糊）、API接口等，并提供了完整的URL示例和使用说明表格，方便开发者快速查阅和应用。
2026-03-12 14:22:30
342
原创 【REACT19】实现一个好玩的井字游戏
本文实现了一个增强版的井字棋游戏，主要新增了前进和后退功能。游戏基于React框架开发，通过状态管理记录每一步棋局历史。核心功能包括：1) 胜负判断逻辑，枚举所有获胜组合；2) 历史记录功能，使用useState保存棋局数组；3) 撤销/重做按钮，通过currentMove控制当前步数。界面采用简洁的CSS布局，包含9宫格棋盘和状态显示区。该实现保留了原始游戏的基本玩法，同时增加了棋局回放功能，方便玩家复盘和练习。
2026-03-05 16:13:33
88
原创 【FLUTTER】Getx插件的几种使用方法
Getx是一个强大的Flutter插件，提供了便捷的状态管理和导航功能。首先安装get: ^4.6.1依赖，并将根组件改为GetMaterialApp。Getx支持多种交互弹窗：Get.defaultDialog创建确认弹窗，Get.snackbar显示顶部提示，Get.bottomSheet生成底部弹窗。它还提供全局状态管理功能，通过Obx自动更新UI，控制器中的变量使用.obs标记为可观察状态。其他页面可通过Get.find()获取控制器实例，实现跨页面状态共享。这些特性使Getx成为简化Flutter
2026-02-27 14:58:45
209
原创 【FLUTTER】flutter中的路由管理
本文介绍了Flutter路由管理的基础实现方式。通过列表页(ListPage)和详情页(DetailPage)的示例，展示了不注册路由的直接跳转方法：使用Navigator.push和MaterialPageRoute进行页面导航，以及Navigator.pop返回。代码包含完整的页面结构和导航逻辑，实现了从列表项点击跳转到详情页并返回的功能。这种方式适用于简单的页面跳转场景，是Flutter路由管理的基础实现方案。
2026-02-11 10:51:46
198
原创 【FLUTTER】组件与后端接口请求数据的方式
本文介绍了在Flutter中使用Dio库进行网络请求的方法。首先通过修改pubspec.yaml文件安装Dio依赖，然后演示了两种实现方式：直接在initState中使用.then()回调和使用async/await异步请求。文章还提供了Dio的封装示例，包括设置基础URL、超时时间和拦截器等。最后通过实战案例展示了如何获取频道列表数据并渲染到GridView中，包括数据模型的转换和状态更新。封装后的Dio请求类简化了错误处理和响应解析过程，提高了代码复用性。
2026-02-10 17:50:57
382
原创 【FLUTTER】组件间的通信方式之父子组件
本文总结了Flutter中父子组件间的通信方式。主要介绍了父组件通过属性向子组件传递数据的单向数据流模式，包括基本数据类型和引用类型数据的传递。演示了无状态子组件和有状态子组件的实现方式，以及如何通过setState()更新数据。同时展示了将子组件抽离成单独文件的最佳实践，包括在GridView中复用子组件的示例。文章通过代码片段和效果图直观展示了各种通信方式的实现过程，为Flutter开发中的组件通信提供了实用参考。
2026-02-10 16:12:59
350
原创 【FLUTTER】material3组件效果展示
本文展示了Flutter中三种常用按钮组件的实现方式：基础按钮(Button)、浮动按钮(FloatingActionButton)和图标按钮(IconButton)。基础按钮部分演示了Elevated、Filled、Outlined和Text四种样式及其禁用状态；浮动按钮通过状态管理实现颜色和形状的动态切换；图标按钮则展示了交互式音量控制功能。每种按钮都提供了核心代码实现和实际运行效果截图，为Flutter开发者提供了实用的UI组件参考方案。
2026-02-09 11:09:18
447
原创 【ANDROID】使用webview实现加载第三方的网页效果
本文介绍了Android新版SDK中WebView的正确配置方法。关键步骤包括：1) 初始化WebView并设置WebViewClient；2) 配置JavaScript、DOM存储等基本设置；3) 添加混合内容支持；4) 解决网络安全性配置问题。特别注意需要在res/xml中创建network_security_config.xml文件，并在AndroidManifest.xml中引用该配置，以允许HTTP明文传输。文中还提供了返回键处理逻辑和完整的Activity示例代码，帮助开发者快速实现WebVie
2026-02-02 16:32:47
398
原创 【JetCompose】入门教程实战基础案例05之get请求的实现
本文介绍了在Compose组件中实现网络请求的方法，主要使用OkHttp进行GET请求。首先封装了RequestUtil工具类处理网络请求，包含成功和失败的回调。然后在页面中使用LaunchedEffect发起请求，通过状态管理处理加载状态、错误信息和数据展示。实现效果包括：显示加载动画、错误提示和用户列表展示，其中用户数据通过Gson解析JSON响应。依赖项包括OkHttp和Gson库，适用于Compose项目的网络请求场景。
2026-01-28 15:13:38
51
原创 【JetCompose】入门教程实战基础案例04之登录页面开发
本文介绍了使用Jetpack Compose开发登录页面的实现过程。通过Compose的声明式UI构建了包含用户名、密码输入框和登录按钮的表单界面，采用京东风格的橙色主题。核心代码展示了如何创建响应式表单状态管理，使用Card组件包裹表单元素，并实现圆角输入框和按钮样式。交互部分包含简单的登录验证逻辑，当输入admin/admin时显示成功提示，否则显示失败提示。整个页面布局采用Scaffold作为基础框架，实现了Material Design风格的登录界面。
2026-01-27 10:34:10
74
原创 【JPA】spring集成jpa实战之数据增删改查入门教程(三)
本文介绍了使用JavaConfig方式配置Spring Data JPA的实现方法。通过@Configuration注解配置类，使用@Bean定义数据源、实体管理工厂和事务管理器，替代了XML配置方式。测试类演示了CRUD操作，包括按ID查询、新增、更新、查询全部、按名称查询和删除等功能。相比XML配置，JavaConfig方式更加简洁直观，通过注解即可完成所有配置，同时保持了原有的功能完整性。
2026-01-22 16:33:45
57
原创 【JPA】spring集成jpa实战之数据增删改查入门教程(二)
本文介绍了如何在Spring中手动配置JPA，以深入了解Spring Boot对JPA的封装实现。通过创建父工程和子模块，配置了完整的Maven依赖，包括Spring Data JPA、Hibernate核心、Spring ORM、事务管理、MySQL驱动、Druid连接池等组件。项目采用Java 17开发环境，通过手动配置方式探索JPA在Spring中的底层实现机制，帮助开发者更透彻地理解Spring Boot自动配置的原理。
2026-01-22 16:08:30
838
原创 【JPA】jpa实战之数据增删改查入门教程
本文介绍了JPA(Java Persistence API)的基础配置流程，旨在简化DAO层开发。主要内容包括：1) Maven项目配置，包含MySQL、Hibernate、JUnit等依赖；2) Log4j日志配置文件设置；3) persistence.xml文件配置，定义持久化单元和数据库连接属性；4) 创建Article实体类，使用JPA注解映射数据库表；5) MySQL测试表创建。配置时需注意各组件版本兼容性，文章提供了完整的XML和Java代码示例，帮助开发者快速搭建JPA开发环境。
2026-01-19 11:24:16
91
原创 【Servlet】servlet开发的基础教程配置一
本文介绍了基于Maven的Servlet项目配置与实现。项目采用war包打包方式，配置了Servlet API依赖和Tomcat7插件（端口8087）。核心实现类ServletDemo01通过@WebServlet注解映射"/demo1"路径，处理HTTP请求并返回响应。当请求参数username为"admin"时显示欢迎信息，否则提示无权限访问。启动时在Maven面板执行tomcat7:run即可运行项目。完整代码包含POM.xml配置和Servlet实现类，演示了
2026-01-16 14:10:48
86
原创 【TOMCAT】IDEAL社区版中使用maven搭建的项目配置本地tomcat方法
IntelliJ IDEA社区版缺少内置Tomcat功能，需通过插件配置。本文介绍使用Smart Tomcat插件运行Maven Web项目的步骤：1)安装插件；2)确保项目打包为war；3)配置本地Tomcat路径、webapp目录、访问路径及端口；4)启动配置后通过浏览器访问。配置过程可能出现乱码问题，可通过调整编码格式解决。该方法解决了社区版IDEA无法直接运行Tomcat的问题。
2026-01-16 11:26:07
234
原创 【JetCompose】入门教程实战基础案例03之凡尔赛朋友圈
这段代码展示了一个使用Jetpack Compose实现的朋友圈卡片UI组件。主要包含用户头像（带认证徽章）、用户名、发布时间和图片内容区域。通过Compose的Column、Row等布局组件构建层级结构，配合Modifier实现样式控制，如圆形头像、边框效果等。代码还提供了预览功能，可直接在Android Studio中查看UI效果，并演示了如何在Activity中集成该组件。整体采用Material Design风格，实现了一个简洁美观的朋友圈帖子展示效果。
2025-12-31 15:44:05
227
原创 【JetCompose】入门教程实战基础案例02之列表项显隐效果
本文展示了一个使用Jetpack Compose构建的聊天消息组件开发过程。首先创建了MessageCard组件，包含头像、作者名和消息内容，并设置了Material Design样式。随后对消息内容添加了Surface容器实现圆角和阴影效果。接着开发了Conversation组件，通过LazyColumn展示消息列表，并提供了模拟数据SampleData用于预览。整个实现过程展示了Compose的声明式UI开发方式，包括组件组合、样式设置、列表处理和预览功能。最终效果是一个具有现代化外观的聊天界面，支持多
2025-12-31 14:31:34
341
原创 【JetCompose】入门教程实战基础案例01之显隐动画
本文介绍了使用Jetpack Compose实现文字显示隐藏动画的方法。通过AnimatedVisibility组件和状态管理，点击卡片时文字会平滑地显示或隐藏。核心代码包含一个可组合函数JetpackCompose，其中使用mutableStateOf控制显示状态，并在点击事件中切换状态。组件还包含圆形头像图片和居中对齐的布局，完整代码展示了从Activity到预览的实现过程。该动画效果简洁优雅，适用于需要交互式显示内容的场景。
2025-12-31 09:56:21
262
原创 【Android36】android开发实战案列之RecyclerView组件的使用方法
本文介绍了Android中RecyclerView的基本使用方法，相比ListView具有横向/垂直滚动的优势。主要内容包括：1) 展示RecyclerView实现效果；2) 通过HttpActivity01类初始化视图和网络请求；3) 使用initView()方法设置RecyclerView布局管理器和适配器；4) 通过loadJson()方法实现原始网络数据请求；5) 使用Gson解析JSON数据并更新UI；6) 自定义OrderAdaptor适配器处理数据绑定。关键代码涉及RecyclerView初始
2025-12-20 16:15:20
433
原创 【Andriod】国内镜像代理配置加快开发速度和体验
文章摘要：本文介绍了Android项目开发前的环境配置优化方法。首先建议修改gradle镜像地址（腾讯云）和配置GRADLE_USER_HOME变量避免占用C盘空间；其次在settings.gradle.kts文件中添加多个阿里云镜像源加速依赖下载；最后指导如何将Android模拟器(AVD)存储路径从C盘迁移至其他磁盘。这些配置优化能有效提升开发效率，避免因环境问题影响开发进度。全文通过具体文件路径和配置代码示例，详细说明了各项优化设置的操作步骤。
2025-12-10 09:56:13
398
原创 【REACT16】react老项目版本依赖适配问题
本文记录了在React 16.x版本下创建新项目时解决依赖问题的经验。通过配置package.json文件指定react@16.3.2等核心依赖版本，使用最新的react-scripts@5.0.1保持兼容性。重点介绍了通过craco工具覆盖create-react-app默认配置的方法，特别是配置less预处理器支持，避免了eject操作带来的复杂性。配置完成后成功实现了less样式文件的编译功能，为后续项目开发提供了灵活的自定义配置方案。
2025-10-31 09:42:09
266
原创 【uniapp】uni.uploadFile上传数据多出一个304的get请求处理方法
摘要：在使用uniapp文件上传功能时，发现本地多了一个304请求，URL为http://localhost:8080/undefined。经排查发现是files参数格式错误，未按照官方文档要求的数组格式配置。修正后的files参数结构为包含name和uri字段的对象数组，修复后文件上传功能正常，多余的304请求消失。问题源于参数格式不规范导致系统生成错误请求路径。
2025-10-18 16:25:05
346
原创 【VUECLI】node.js打造自己的前端cli脚手架工具
本文介绍了如何借鉴Vue CLI的思路，实现一个简易的脚手架工具。通过npm初始化项目后，配置bin字段将命令挂载到全局。核心功能包括：使用commander处理命令行参数，inquirer实现交互式问答，download-git-repo从Git仓库下载模板，ora展示加载动画，chalk美化控制台输出。文章详细展示了项目结构、入口文件配置、命令注册、模板下载等关键代码实现，并提供了版本查询、项目创建等功能的演示截图。同时指出了inquirer版本兼容性问题的解决方案，为开发者快速搭建项目提供了实用参考。
2025-09-29 18:00:51
591
原创 【vite】使用vite发布自己的工具函数插件包
这篇文章介绍了如何封装前端工具函数并发布到npm官网的完整流程。主要内容包括：1）切换npm镜像源到官方源；2）使用nrm工具管理多个镜像源；3）通过npm login登录账号；4）配置vite进行项目打包；5）在dist目录初始化npm包并设置非私有属性；6）发布包到npm官网；7）在实际业务项目中测试安装和使用。文章提供了详细的命令行操作和配置示例，展示了从开发到发布的完整闭环，最终验证了工具包可以正常安装和使用。
2025-09-19 09:42:37
390
原创 【vue2】vue2.7x的项目中集成tailwind.css真的不要太香
摘要：本文介绍了在Vue2项目中集成Tailwind CSS的完整步骤。通过安装特定版本依赖包、创建Tailwind CSS文件、配置tailwind.config.js和postcss.config.js等操作，开发者可以快速实现样式开发。文章详细说明了每个配置步骤，并附上依赖版本参考，帮助开发者避免版本冲突问题。这种集成方式能让开发者享受Tailwind CSS简洁高效的特性，提升前端开发效率。
2025-09-02 14:23:08
378
原创 【koa3】在koa3里面使用七牛云+koa-multer上传图片
本文介绍了使用七牛云OSS存储实现图片上传功能的方法。通过Node.js的qiniu模块完成文件上传，包括配置密钥、bucket信息、上传区域等。核心代码展示了如何通过koa-multer中间件处理文件上传，使用UUID生成唯一文件名，并将文件流上传至七牛云。上传成功后返回包含CDN域名的图片URL，实现了完整的图片上传业务流程。整个过程涉及工具方法封装、常量配置、中间件处理等模块，最终可在项目中展示云端存储效果。
2025-08-12 17:19:32
515
原创 【REACT18.x】封装react-rouer实现多级路由嵌套，封装登录态权限拦截
本文介绍了React-Router6中基于Routes组件实现路由的方法，并实现了全局懒加载功能。通过封装Element组件将路由参数(navigate/location/params等)自动注入到页面组件props中，简化了路由操作。文章包含核心代码实现：1) 路由容器封装，支持Suspense加载状态；2) 递归创建路由配置；3) 模拟withRouter高阶组件；4) 路由懒加载配置示例。最后展示了封装后的使用方法，如在组件中直接通过props获取路由参数，以及在非Route包裹组件中通过hooks获
2025-08-04 16:59:29
612
原创 【REACT18.x】使用vite创建的项目无法启动，报错TypeError: crypto.hash is not a function解决方法
在使用vite创建新项目的时候，出现这种运行不了的报错解决方法。
2025-08-02 16:48:02
544
原创 【Flutter3.8x】flutter从入门到实战基础教程(八):公共state的集中管理机制
Flutter全局状态管理实践：使用GetX实现跨页面数据共享 摘要：本文介绍了在Flutter中使用GetX进行全局状态管理的解决方案。通过创建可观察的CounterController类，实现了购物车数据在不同页面间的实时同步。关键点包括：1) 使用GetMaterialApp替换默认MaterialApp；2) 通过Get.put()和Get.find()获取控制器实例；3) 使用Obx()包裹需要响应式更新的组件。演示了在消息页面添加商品，在个人中心页面同步显示并清空购物车的完整流程，解决了Flut
2025-08-02 15:38:16
690
原创 【Flutter3.8x】flutter从入门到实战基础教程(五):Material Icons图标的使用
Flutter提供了丰富的内置图标，无需设计师也能创建美观的App。通过Material Design图标网站可快速查找并使用Flutter图标名称。代码示例展示了如何使用Icons类添加各种图标，并支持调整大小、颜色等样式。此外，还介绍了如何集成第三方图标库（如material_design_icons_flutter），只需在pubspec.yaml添加依赖并导入即可扩展图标资源。这些功能使开发者能轻松实现多样化的图标设计需求。
2025-08-01 14:45:16
643
原创 【Flutter3.8x】flutter从入门到实战基础教程(四):自定义实现一个自增的StatefulWidget组件
Flutter实现计数器组件摘要：通过StatefulWidget创建可动态更新的计数器组件，使用setState()方法在点击加减按钮时更新_counter状态值。组件包含红色减号按钮和加号图标按钮，中间显示当前计数值。实现原理类似React的class组件，在状态变更时自动重建UI。该组件展示了Flutter状态管理的基本模式，可作为自定义组件的入门示例。
2025-08-01 11:28:30
427
TA创建的收藏夹 TA关注的收藏夹
TA关注的人