- 博客(635)
- 问答 (7)
- 收藏
- 关注
RSS订阅原创 nginx配置反向代理
上面VUE_APP_BASE_API可以配置一个域名地址，这里我使用prod-api标签。上面nginx子配置文件，需结合父类配置文件一起使用，本文仅为突出反向代理部分。下面通过示例，演示nginx反向代码。
2025-07-21 17:59:15
153
原创 使用docker安装MongoDB
MongoDB 6.0+ 官方推荐的现代 Shell 客户端（取代旧版。提供更丰富的功能，如语法高亮、自动补全、更好的错误提示等。第一步 拉取镜像,这里指定拉取提7.0.0版本的镜像。上面命令中第一个mongo为容器名称，第二步 创建和启动容器。需要在宿主机建立文件夹。
2025-07-20 18:29:02
149
原创 MinIO安装和使用
官网：https://www.minio.org.cn/MinIO是一个开源的分布式对象存储服务器，支持S3协议并且可以在多节点上实现数据的高可用和容错。它采用Go语言开发，拥有轻量级、高性能、易部署等特点，并且可以自由选择底层存储介质。
2025-07-20 18:05:44
251
原创 使用Python批量更新mysql数据
本文记录下，使用python调用高德接口，获取到poiId，并批量更新表中的数据。先安装必需的库：比如：pymysql,requests；最后在Pycharm执行main方法即可。3.获取到要新值，执行批量更新。2.查询出需要更新的数据；1.配置数据库连接信息；
2025-07-16 17:57:01
149
原创 Java使用Langchai4j接入AI大模型的简单使用(五)--流式输出的实现
流式输出(Streaming Output)是大语言模型(LLMs)中一种重要的交互方式，它允许模型将生成的文本逐步返回给用户，而不是等待整个响应完成后再一次性返回。
2025-07-13 15:16:25
440
原创 Java使用Langchai4j接入AI大模型的简单使用(三)--输入文字生成图片
由于deepseek目前还不支持文字生成图片，因此本文介绍下使用阿里云百炼大模型生成图片。这里我选择图片生成，选择性能出众这一款：通义万相2.1-文生图-Plus。可以根据自己的实际需要在阿里云百炼大模型中的模型广场中进行选择。点击API参考进去 在模型简介中获得模型名称。
2025-07-12 18:59:44
290
原创 Java使用Langchai4j接入AI大模型的简单使用(二)
Ollama 是一个开源工具，可以让我们在本地计算机上轻松运行、管理和部署大型语言模型(LLMs)。
2025-07-12 18:20:24
419
原创 Java使用Langchai4j接入AI大模型的简单使用(一)
LangChain4j 是 Java 生态中的 LangChain 实现，是一个用于构建大语言模型(LLM)应用程序的框架。它提供了与各种LLM服务集成的能力，并简化了构建复杂AI应用的过程。问答系统。
2025-07-12 16:37:44
1154
原创 将.net应用部署到Linux服务器
上面的命令如果窗口关闭，则程序退出。下面将其设置为持久化运行。如果使用了其他环境变量（如数据库连接、日志路径等），也可以在。服务启动好了，后面可以配置nginx进行域名访问了。如果输出下面的内容则表明则程序已经在运行了。若应用运行失败，可用。
2025-07-09 14:22:53
450
原创 咸虾米项目总结2--页面布局
子元素沿主轴均匀分布，每个元素的间距相等（首尾元素与容器边缘的间距是元素间间距的一半）。：需要元素周围留白且间距对称的布局（如均匀分布的图标菜单）。：子元素沿主轴均匀分布，，元素间间距相等。：需要充分利用空间且首尾对齐的布局（如导航栏、图片列表）。：将主轴方向改为（默认是水平方向），子元素按列排列。：控制垂直方向的对齐（如垂直分布）。：控制水平方向的对齐（如center水平居中）。：垂直列表、表单输入框、上下结构的卡片。4.网络化布局grid上面 CSS 代码会实现一个。
2025-06-29 10:35:04
280
原创 咸虾米项目总结1--const用法
创建一个响应式引用（Reactive Reference），通常用于 Vue 3 的 Composition API。ref() 将普通值（如 null、数字、字符串等）包装成一个响应式对象，。在模板中自动解包（无需写 .value）。这两种写法的区别：：null（明确表示“无值”）。适合用于 延迟赋值 或 可选数据，比如异步请求返回前初始化为 null。模板中使用，下面来自于写法，如果用户信息中包含城市则取城市的值，如果没有则取省份的值，再没有则取国家的值。
2025-06-29 09:57:31
348
原创 uni-app项目实战笔记27--uniapp搜索页面的实现
3.最近搜索展示用户的搜索历史，用户输入的搜索条件添加到最近搜索清单中，刷新页面的时候搜索历史保留，可对搜索历史进行删除；4.当用户点击最近搜索或热闹搜索某一项时，该项填充到搜索栏中。而uv-empty插件则实现搜索结果为空的样式，需要到。1.页面由搜索栏+最近搜索+热门搜索组成；2.当没有搜索结果时要进行必要的提示；
2025-06-28 15:53:00
254
原创 uni-app项目实战笔记26--uniapp实现富文本展示
这个插件平台兼容性，更新日期较近，说明开发团队在维护。缺点：不能实现图片点击预览，格式有限。实现基础的富文本展示，但存在。方法二：使用uniapprt。传后台相应属性的值。方法三：v-html。
2025-06-28 14:32:45
354
原创 uni-app项目实战笔记25--uniapp实现分享给微信好友和分享到朋友圈
【代码】uni-app项目实战笔记25--uniapp实现分享给微信好友和分享到朋友圈。
2025-06-25 22:22:08
244
原创 uni-app项目实战笔记24--uniapp实现图片保存到手机相册
uniapp提供了saveImageToPhotosAlbum API实现保存APP上的图片到本地相册。1、上面的代码使用了条件编译，如果是H5使用弹窗告知用户下载图片的方法；其中filePath参数为必填参数，需要填入图片文件路径，组合式API实现将APP上的图片下载到本地。从上表src参数可知 ，2、除H5以外，使用。
2025-06-24 22:21:48
425
原创 uni-app项目实战笔记23--解决首次加载额外图片带来的网络消耗问题
方法二：声明一个变量，存储当前用户预览过的图片，和前后各一张图片，当预览到第1张继续左滑时，切换为最后一张，当用户预览到最后一张继续右滑时切换为第一张。前面实现了图片的预览和切换，不过存在一个问题，当我们点击某张图片进行预览时，会把列表中其他图片一并进行请求，带来额外的网络开销。点击上面图片列表中的第一张图片，观察浏览器控制台，发现一次性额外加载了多张其他图片，带来额外性能和网络开销。1、往数组添加3张图片，从左到右分别是前一张，当前张，后一张；3、如果当前是最后一张，则下一张为图片数组的第一张。
2025-06-22 18:55:25
324
原创 uni-app项目实战笔记22--图片预览和切换
在swiper中当前图片所在的索引即为上面JS获得的currentIndex，当滑动图片时，通过change事件来改变当前索引。在模板层使用上面代码获取到的索引，由于索引从0开始，当前查看是第几张图片则需要索引加1，预览总数为分类列表数组的长度。1、图片预览时，通常需要知道，当前预览的是第几张，总共有多少张图片；2、当用户左右滑动切换预览图片时，当前预览索引需要随着进行切换。1、在图片列表页点击预览图片时，把图片Id作为参数传递过去。最后再来实现图片切换时，索引页的切换。
2025-06-22 17:21:46
152
原创 uni-app项目实战笔记21--uniapp缓存的写入和读取
通过 uni-app 的 API uni.getStorageSync 从本地缓存中读取键为 "storageClassList" 的数据。是 uni-app 特有的 API，在非 uni-app 项目中需替换为其他存储方案（如。数据兼容性处理：确保即使缓存无数据，程序也能安全运行（|| [] 的兜底逻辑）。从缓存加载分类数据：在页面初始化时，优先使用本地缓存数据（提升加载速度）。图片格式统一处理：将缩略图路径转换为高清图路径（可能用于详情页展示）。二、缓存的读取，如果缓存不存在，则返回空数组。
2025-06-22 16:00:03
283
原创 uni-app项目实战笔记20--触底加载更多样式的实现
触底加载更多的实现有多种，这里简单记录下2种： 1、使用骨架屏，需要到uniapp插件市场下载安装再使用：DCloud 插件市场2、使用uniapp扩展组件：uni-app官网第1种方式：访问DCloud 插件市场，在搜索栏中输入需要的组件，并可以采取条件过滤筛选符合条件的组件： 插件市场上有拥有众多丰富精美的组件，可以根据实际需要按需选择，如下图是部分加载中的插件：本文重点介绍uniapp扩展组件使用uni-load-more实现加载更多的样式。在页面顶部和底部添加一个加载更多的组件：上面的代码中添
2025-06-22 15:04:31
695
原创 uni-app项目实战笔记19--触底加载更多和阻止无效请求
1.引入uniapp函数onReachBottom，在onReachBottom将页码数进行累加 ，querParams.pageNum++，并再次调用加载数据的方法，没有数据进返回：if(noData.value) return，不再往下执行；3.判断是否还有下一页，如果没有，则不发送请求：res.data.length<querParams.pageSize。1.当下拉到底部时，重新向后台发送请求，并将新获取的数据与上一个请求获取到的数据进行叠加；
2025-06-22 13:42:13
216
原创 uni-app项目实战笔记18--使用onLoad从请求地址中获取参数
从代码可知，请求地址后面拼接了2个参数，一个是classid,另一个是name。注意事项：由于onLoad生命周期晚于setup，如果在onLoad函数外调用getClassList方法会导致拿不到请求参数queryParams。因此需要在onLoad函数里调用getClassList方法。其参数为上个页面传递的数据，参数类型为 Object。
2025-06-22 11:55:04
187
原创 uni-app项目实战笔记17--获取系统信息getSystemInfo状态栏和胶囊按钮
因此需要获取状态栏的高度以便状态栏和导航栏错开不重叠在一起。同时头部导航栏通过与右侧的胶囊按钮在同一水平线上，因此也需要获取胶囊按钮的高度来控制显示。：胶囊按钮顶部到状态栏底部的距离，乘以 2 表示上下对称留白（保证标题文字垂直居中）。下面我们通过代码，实现在微信小程序中将头部导航栏与刘海屏，状态栏拉开距离。获取小程序胶囊按钮的位置信息（如微信小程序右上角的菜单按钮）。动态绑定到顶部占位视图（避免内容被状态栏遮挡）。（高度），结合状态栏高度，计算出标题栏的实际高度。（状态栏高度，通常包含时间、电池栏等）。
2025-06-20 22:18:30
406
原创 uni-app项目实战笔记16--实现头部导航栏效果
导航栏会显示在普通元素（z-index 默认是 auto 或 0）的上方，确保它不会被其他内容遮挡，同时可以覆盖下方的滚动内容。导航栏会固定在浏览器窗口的最顶部（top: 0），并且从最左侧开始布局（left: 0）。导航栏会脱离文档流，始终固定在浏览器窗口的指定位置，不随页面滚动而移动。常见于移动端或单页应用（SPA），确保导航始终可见，方便用户操作。要求：顶部导航栏要始终固定在上方，不随页面上下拖动而消失。适用于网页的顶部导航栏（如菜单栏、搜索栏、标题栏等）。2.标题栏：实现搜索框，标题的效果。
2025-06-19 22:16:52
271
原创 uni-app项目实战笔记15--使用uni-popup实现弹出层和uni-rate实现评分效果
1.控制弹出方向：<uni-popup ref="infoPopup" type="bottom"> type指定弹出的类型,bottom从底部弹出，不带type即为中间层弹出；2.评分组件：<uni-rate v-model="userScore" allowHalf />设置圆角(左上、右上、右下和左下) 示例:"10px 10px 10px 10px"is-mask-click [1.7.4新增]allowHalf允许小数点半分，比如半颗星。使用ref为弹出层指定一个名称，蒙版点击是否关闭弹窗。
2025-06-19 21:21:01
401
原创 uni-app项目实战笔记14--给全屏页面添加遮罩层
1.引入uniapp时间格式化组件，对时间和日期进行格式化显示：‘2.定maskChange点击事件控制遮罩层的显示与隐藏。使用.mask > view{}来声明通用样式。：所有mask的直接子 view 元素（单独覆盖了部分样式（如颜色、定位）。2.下层胶囊层显示信息，评分和下载。1.上层显示计数，时间和日期；）共用绝对定位和居中逻辑，
2025-06-14 19:43:07
395
2
原创 uni-app项目实战笔记13--全屏页面的absolute定位布局和fit-content自适应内容宽度
本篇主要实现全屏页面的布局，其中还涉及内容自适应宽度。距顶部10vh高度；
2025-06-14 17:54:40
248
原创 uni-app项目实战笔记12--创建分类列表完成页面跳转
可以看到页面主体部分到顶部有一块空白区域，影响观感，下面实现通屏效果：在pages.json的pages各菜单中添加"navigationStyle": "custom"示例代码：重新运行效果：1、在pages目录下创建classlist.vue页面，写入下面的代码：2、在theme-item.vue公共组件navigator中指定要跳转到的详情页面：“更多”页面的跳转：注意：跳转到底部导航菜单时，需指定open-type="reLaunch"，否则无法跳转。“我的”里边“我的下载”
2025-06-14 16:54:56
279
原创 uni-app项目实战笔记11--定义scss颜色变量方便页面引用
前面的@/不可少，要以英文分号结尾。如果页面中引入了自定义的样式，uni.scss也正确引入了，需要把HBuilder X项目重新启动才会生效，要不然会报错。如果像上面替换了不起作用，有可能是行内样式，被覆盖了(调试时会发现样式代码被横线划掉)，可以使用!在 Vue 3 的 <style scoped> 或 微信小程序自定义组件的样式隔离 环境下，默认无法直接修改子组件的样式。则不能直接使用$brand-theme-color来引用，需要在<style>中定义样式才能使用颜色变量，:deep() 的作用。
2025-06-14 15:51:12
292
原创 uni-app项目实战笔记10--设置页面全局渐变线性渐变背景色
linear-gradient用于定义渐变色，to bottom，to right颜色渐变方向，backgroud可设置多个渐变色，优先级从上到下递减。我的页面在row部分添加一个核心模块的背景色：视觉效果更自然美观。本篇来设置页面的全局背景色，使用线性渐变背景色。
2025-06-14 14:55:37
340
原创 uni-app项目实战笔记8--个人中心页面搭建
→ 每行底部有一条浅灰色 (#eee) 的 1px 细线。→ 启用 Flex 布局，子元素默认横向排列（flex-direction: row）。→ 子元素会 均匀分布，第一个元素靠左，最后一个元素靠右，中间元素等间距分布。→ 子元素在 垂直方向 上居中对齐。→ 左右内边距 30rpx，上下无内边距。→ 每行高度固定为 100rpx。→ 最后一行 移除底部边框（避免多余的分割线）。→ 阴影边缘的模糊半径较大（约等于屏幕宽度的。），即阴影均匀环绕在元素四周。
2025-06-14 11:59:36
338
原创 uni-app项目实战笔记7--创建分类页面和底部导航栏
引入前面定义的公共组件theme-item，使用grid进行网格化布局。selectedColor：选中时的字体颜色；color：字体颜色；
2025-06-14 09:24:21
219
原创 uni-app项目实战笔记6--同一组件使用Props传递不同的值
本篇实现最后一张“更多”图的效果，前8张图点击跳转到查看详情页面，而点击“更多”则跳转到分类页面，因此在跳转处理上需要区别对待。视觉展示上也要营造出不同的效果。时，它的子元素会 垂直排列（从上到下），而不是默认的水平排列（从左到右）。是 CSS Flexbox 布局的一个属性，它决定了 flex 容器（父元素）中子元素的排列方向。通过子组件传入true，让组件显示为“更多”：最后一张图显示为更多的效果。1.class="box more"：使该部分继承(拥有)前面定义的box样式，同时又拥有自己的特性；
2025-06-14 08:45:05
234
原创 uni-app项目实战笔记5--使用grid进行定位布局
效果图中呈三行排版，前2行每行3张图片，最后一行2张图片。每张图片顶部和底部都有一些文字，文字又有磨砂效果的背景样式。白色文字，字体加粗 (font-weight: 600)，字号 30rpx。右下角圆角 (border-radius: 0 0 20rpx 0)列定义 grid-template-columns: repeat(3, 1fr)橙红色半透明背景 (rgba(250,129,90,0.7))半透明黑色背景 (rgba(0,0,0,0.2))（比传统的 grid-gap 更简洁的写法）
2025-06-13 23:04:13
688
原创 uni-app项目实战笔记4--使用组件具名插槽slot定义公共标题模块
先来看效果：如图，“每日推荐”，“专题精选”这些公共标题有相同的地方，也有自己的独特的地方，像这类有共性又有个性的可考虑使用slot插槽来实现。实现步骤：有共性的地方--标题，我们使用name插槽，个性化的地方使用custom插槽。
2025-06-13 21:44:57
463
原创 uni-app项目实战笔记3--使用scroll-view实现每日推荐左右滑动效果
1.在项目根目录下创建公共组件的目录components，在里边创建一个common-title组件，里边暂时先输入“每日推荐”4个字。在index.vue引入该组件；：为整个选择器区域添加顶部间距，避免内容紧贴页面顶部。2.在推荐的内容区使用scroll-view实现。保持间距，最后一个卡片右侧间距为。使用（HTML 中需显式声明）。（可能用于对齐其他元素）。图片完全填充卡片，并带有。，内部包含一张图片。
2025-06-12 23:13:32
329
原创 uni-app项目实战笔记2--使用swiper实现纵向轮播图
1.上面type="sound-filled"实现小喇叭的效果，type=“right”实现右箭头的效果；1.左边：小喇叭和公告，我们可以使用uniapp官方文档的扩展组件中的图标来实现；右侧是一个固定宽度的区域，通常放置图标（如“更多”箭头或关闭按钮）。3.右箭头，使用uniapp官方文档的扩展组件中的图标来实现。滑动动画的时长为 300毫秒（影响切换的流畅度，值越小越快）。轮播方向为 垂直滚动（从上到下或从下到上），默认是水平方向。的横向容器，宽度占屏，高度固定，内部元素水平排列。
2025-06-12 22:48:54
442
空空如也
$.messager.alert(）中文显示成？？？
2017-08-24
在前端页面格式化显示日期
2017-08-22
多文件上传文件数组不为空的判断
2017-08-19
恢复linux系统里的/bin/sh文件
2017-07-08
使用canvas绘制心电图
2017-05-06
内网怎样使用Maven管理JAVA WEB项目
2017-03-24
怎样将一个新的Web项目绑定到已备案的域名
2017-03-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人