AI 开发中药查询小程序

AI 开发中药查询小程序 AI 开发中药查询小程序 Modified July 20, 2025 点击免费试用，可以有三个月试用期。 选择最便宜的实例（服务器），镜像选择：Ubuntu22.04 二）设置实例密码 新建好的实例，我们要做两个密码设置，第一个是重置登录密码，第二个是设置允许密码验证和登录，为后续远程连接服务器准备。 首先是重置密码，打开实例，点击扩展框，找到重置密码按钮。 接着，要先连上这个服务器，把密码验证改为允许。点击扩展框内的 VNC 远程连接 此时，会进入到一个后台编辑器页面，找到相应的参数进行修改。 贴上 GPT 给出的教程，它说的已经非常详细了，跟着操作就能行。主要修改两个： • PasswordAuthentication yes • PermitRootLogin prohibit password （以下两张图，拼接起来看） 设置完成后，就可以退出了。 三）FinalSheel 操作使用 这款工具主要是用于，远程连接我们租赁的服务器，同时可以将写好的后端代码，复制到这个服务器内。 1、工具下载 进入官网（https://www.hostbuf.com/t/988.html），按照步骤下载。 2、新建连接 下载好后，点击上方的文件夹按钮。 点击免费试用，可以有三个月试用期。 选择最便宜的实例（服务器），镜像选择：Ubuntu22.04 二）设置实例密码 新建好的实例，我们要做两个密码设置，第一个是重置登录密码，第二个是设置允许密码验证和登录，为后续远程连接服务器准备。 首先是重置密码，打开实例，点击扩展框，找到重置密码按钮。 接着，要先连上这个服务器，把密码验证改为允许。点击扩展框内的 VNC 远程连接 此时，会进入到一个后台编辑器页面，找到相应的参数进行修改。 贴上 GPT 给出的教程，它说的已经非常详细了，跟着操作就能行。主要修改两个： • PasswordAuthentication yes • PermitRootLogin prohibit password （以下两张图，拼接起来看） 设置完成后，就可以退出了。 三）FinalSheel 操作使用 这款工具主要是用于，远程连接我们租赁的服务器，同时可以将写好的后端代码，复制到这个服务器内。 1、工具下载 进入官网（https://www.hostbuf.com/t/988.html），按照步骤下载。 2、新建连接 下载好后，点击上方的文件夹按钮。 在首页可以看到，已经添加好的连接，双击打开。 此时，就已经连上了阿里云的服务器。 3、安装依赖 依赖，简单地理解，就是服务器要运行你这功能，所需要下载的代码包。 那需要安装什么依赖，取决你写的是什么类型代码，这个直接问 AI 即可。 例如，我是用 python 来写，则需要安装以下两个， 复制命令，直接在命令区中输入，它会自动下载。 4、启动服务 所有事前工作都准备好后，最后就是启动服务，这样就就可以正常访问了。 命令区，输入：python3 app.py 5、设置后台服务持续运行 此时，如果我们关闭这个 FinalSheel 工具，后台的服务也就自动关闭了，就导致小程序无法访问。 因此，我们要设置让它在后台持续运行，这样无论电脑开关机，都不会影响使用。 同样在命令区，我们输入指定的命令。 最后可以测试下，关闭掉软件，在小程序也可以正常访问。 等到小程序审核通过后，在微信里搜索自己的小程序，就可以随意分享给朋友使用啦～ 结尾： 好多人说，什么是一人企业或超级个体，我想，这个小程序的开发就是一个最好的体现。 一个人承担一家企业中的 5 个岗位，包括，产品经理、设计师、前端工程师、后端工程师、运维工程师。甚至产品上线后，需要商业化，要有运营视角，涉及到产品运营。 所以，我们现在真的所处一个，人人都是开发者的时代。只要你能执行起来，任何有创意的想法，都能用产品可视化出来，不再担心没人帮你做设计、写代码、改 bug。 遇事不决，问 AI 。加油，猛干！ 大家好，我是小林，这篇教程作者是南卷，AI 编程开源知识库作者。 时间如果拉回到三年前，纯素人想要独立开发一款小工具，至少得花上几个月时间，包括产品设计、代码编写等。 而现在，一个人就能担任多种角色，用时几天，熟练后甚至几小时，就能完成产品经理、UI 设计师、程序员的工作。 所以，这也是我个人做的第一个微信小程序。 本篇复盘，涵盖从原型设计，到服务器部署的全流程，并分享在实践中的经验。 一、需求背景 前两三个月，自己身体经常出现喉咙痛、咳嗽的感冒症状，吃了西药后有好转，但没过几周，又复发了。 上抖音搜索，希望能找一些中成药来治疗，再囤一点家里放着。可没想到，各种治疗感冒中成药非常多，有的是主治风热感冒，有的是缓解干咳，再有的是清热解毒等等。 没了解过医药常识，一下真不懂选择对应的药品。 其实，在药品使用说明书上的功效，从左向右，是从大到小展示它所发挥的功效。 例如，牛黄解毒片，治疗胃热引起的头目眩晕、口鼻生疮、牙痛、咽喉疼痛、耳鸣疼痛、皮肤刺痒。 因此可以判断，牛黄解毒片最重要的功效是治疗上火导致头晕和口腔问题，而皮肤刺痒可能只是作为一个辅助治疗作用，发挥功效比较小。 所以，我希望有一个工具，能便捷帮我查出，这个中成药发挥主治功效是什么，发挥辅助治疗的又是什么。 🦄 极致简单的一个功能，便捷解决单一场景需求。 极致简单的一个功能，便捷解决单一场景需求。 二、需求梳理 一）核心功能流程 做产品，最忌讳的是一上来，就把各种功能都堆叠起来，上线后，发现用户根本都不使用。 所以，第一个版本，应该采用 MVP 结构。简单地说，用最短的时间和最少的成本，把核心功能做出来就行，后续再慢慢优化。 1、用户体验流程 用户使用起来非常简单，就是一个输入框，点击搜索后，结构化地展示搜索结果。 Unable to load the board. Please refresh and try again.Copy ErrorRefresh Nothing on the board yet 2、技术实现流程 以下是在开发时会用到的技术栈（简单地理解，不同类型的代码），不会没关系，这些 AI 到时候都会自动帮你生成。 前端（小程序）：使用 wxss、js、wxml wxss：小程序里的页面样式，就是用这个代码来修改，比如背景颜色、字体大小、行间距等等 js：用于编写小程序的交互逻辑，比如按钮点击、接口调用等 wxml：维护小程序页面结构的，比如轮播图位置、搜索按钮等 wxss：小程序里的页面样式，就是用这个代码来修改，比如背景颜色、字体大小、行间距等等 js：用于编写小程序的交互逻辑，比如按钮点击、接口调用等 wxml：维护小程序页面结构的，比如轮播图位置、搜索按钮等 后端：python 本次考虑的是，需要使用大模型来获取答案，所以用到后端代理，来调用 deepseek 的接口。但如果直接通过百度搜索来获取，应该就不需要后端了，这模块可以忽略。 本次考虑的是，需要使用大模型来获取答案，所以用到后端代理，来调用 deepseek 的接口。但如果直接通过百度搜索来获取，应该就不需要后端了，这模块可以忽略。 以下是，各端口需要处理事件的流程。看不懂也没事，只要告诉它需求，AI 会自动梳理好所有流程。 Unable to load the board. Please refresh and try again.Copy ErrorRefresh Nothing on the board yet 二）功能模块 根据上面的用户使用流程推导，其实只有一个功能：文字搜索，外加内容展示。 ⚽ 因为这个工具太简单了，没有什么复杂的功能。正常情况下，我们描述好需求后，可以发送给 AI 让他帮我梳理都会有哪些功能模块。 因为这个工具太简单了，没有什么复杂的功能。正常情况下，我们描述好需求后，可以发送给 AI 让他帮我梳理都会有哪些功能模块。 因此，页面只需要有一个输入框即可。往后可以考虑，查看历史搜索、支持上传图片搜索、中药知识库、学习中心等，但这些都是以后的事了。 页面元素包含：输入框、搜索按钮、搜索结果页 Unable to load the board. Please refresh and try again.Copy ErrorRefresh Nothing on the board yet 如果实在脑子里实在没有画面感，有个小技巧，直接使用你要做的产品关键词，去小程序搜索，会有很多可供参考。 三）编写交互说明 正常的产品开发流程，需要编写一份需求文档，在文档中会包含功能的交互说明。 因此，我们要基于上述功能模块和页面，梳理出这个功能的逻辑是怎么样的，这个页面的布局是怎么样的。比如，点击搜索按钮，页面会出现一个弹窗，结构化地呈现结果数据，并加粗功能主治的词语等等。 当然，这部分可以发送给 AI 来帮我们梳理编写， 可以看到涵盖的内容已经比较全了，页面样式、色彩风格、功能逻辑等。我们再稍微整理至一个段落里，就完成了。 那到这边，一个产品的需求梳理也算完成了。 🥓 看似挺简单，但其实在产品开发中，是非常重要的一个环节。宁可把时间多花点在，思考我到底要做成怎么样的产品，也不要急于就去开发。 看似挺简单，但其实在产品开发中，是非常重要的一个环节。宁可把时间多花点在，思考我到底要做成怎么样的产品，也不要急于就去开发。 三、小程序开发 一）工具准备 总共三个工具：微信小程序、小程序开发工具、Cursor（或 Trae） 打开微信公众平台（https://mp.weixin.qq.com/），往下滑动看到小程序，跟着流程注册就行。 其中有几个注意点： （1）注册主体包括个人和企业。如果只是自己学习使用，不考虑后续发版上线，那注册个人就行。如果要考虑上线，可能需要先查下一资料，或直接咨询客服，看看你当前工具服务类目，是否支持个人发布。像南卷这个工具属于资讯查询类，就不允许个人的小程序上线，只能使用企业来注册。 （2）小程序认证：如果你的小程序要能被人搜索，或直接分享给别人，需要进行认证，每年是 300 元。但不认证也没关系，也可以发布上线。 打开微信公众平台（https://mp.weixin.qq.com/），往下滑动看到小程序，跟着流程注册就行。 其中有几个注意点： （1）注册主体包括个人和企业。如果只是自己学习使用，不考虑后续发版上线，那注册个人就行。如果要考虑上线，可能需要先查下一资料，或直接咨询客服，看看你当前工具服务类目，是否支持个人发布。像南卷这个工具属于资讯查询类，就不允许个人的小程序上线，只能使用企业来注册。 （2）小程序认证：如果你的小程序要能被人搜索，或直接分享给别人，需要进行认证，每年是 300 元。但不认证也没关系，也可以发布上线。 小程序开发工具 这个工具主要是用来，给小程序写代码用的，后续写的代码，都要使用这个工具，来进行调试、上传到微信后台内。 下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 这个工具主要是用来，给小程序写代码用的，后续写的代码，都要使用这个工具，来进行调试、上传到微信后台内。 下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html Cursor 最火的 AI 编程工具之一，打开官网下载（https://www.cursor.com/cn） 下载后可做以下： （1）页面配置成中文，方便后续使用，通过商店下载中文插件； （2）了解这个工具布局，左边为文件管理区，中间是代码编辑区，右侧是 AI 对话区； （3）记住快捷键 ctrl+L ，快速唤起 AI 对话窗； （4）新建一个文件夹，后续存放代码； 最火的 AI 编程工具之一，打开官网下载（https://www.cursor.com/cn） 下载后可做以下： （1）页面配置成中文，方便后续使用，通过商店下载中文插件； （2）了解这个工具布局，左边为文件管理区，中间是代码编辑区，右侧是 AI 对话区； （3）记住快捷键 ctrl+L ，快速唤起 AI 对话窗； （4）新建一个文件夹，后续存放代码； 以上所有操作，如果实在不会，可以看手册前面的案例。 二）Cursor 生成基础代码 1、新建文件夹 首次下载后，在页面左上角是空的，点击新建按钮，创建文件夹。 2、发送需求说明 在页面右侧的输入框内，填写刚刚生成的需求逻辑。 3、接受代码 这时候会系统会自动生成所需要的文件，在输入框中只需要点击运行命令的按钮即可。 接着，在左侧的文件管理区，我们会看到各种各样的文件生成了，每个文件点进去，会发现已经都有代码，只需要点击下方「Accept file」按钮。 到这一步，一个小程序的最基础代码算是写好了，从左侧文件管理可以看到，已经具备各模块的文件。 但这时候大概率功能是有 BUG ，除非代码非常少，正常都要不断测试优化。 三）测试功能可用性 1、导入项目 打开小程序开发工具，首页点击导入，选择刚刚创建的文件夹。 输入对应的 AppID，具体的获取方式，打开小程序后台 开发管理 开发设置，选择不使用云服务，最后点击创建。 2、测试功能 在工具左侧是一个手机模拟器，在上面可以进行功能操作。如果有遇到问题，我们都可以返回 Cursor 让它重新优化。 3、查看报错信息 如果功能遇到异常，在页面的右下方，点击调试器，上面会展现错误的信息。 对于有开发基础的朋友，正常是能看懂意思。但对于我们这种没有编程经验的，直接交给 AI ，把上面这串代码复制，发送给 Cursor。 实际上这个报错信息指的就是，图片没有下载到文件夹中，导致代码找不到这个图片，进而在小程序上面无法正常显示。我们按照 Cursor 给出的步骤，一步步排查就出来了。 这只是一种报错情况，你遇到的所有问题和报错信息，解决方法都是按照上述流程。 四）优化完善功能 最基础的搜索功能实现了，那就可以根据我们的想法，或产品规划，进一步对页面的样式、功能交互做迭代。 比如，我要在首页的顶部放上一张横幅图，更能展现产品的形象和调性。 设计图片推荐使用即梦 AI，出图质量高。但如果为了方便，也可以直接在百度下载。 虽然图片相比功能是次要，但我们人类天生是视觉动物，往往对有美观的产品充满好感。所以，我会多花一些时间，用在页面的 UI 设计上。 上传图片后，重新打开微信开发工具，图片就已经添加上了。 但图片的排版可能还需要优化，例如可以将图片展示延展至手机状态栏。这样我们再把需求发送给 Cursor ，点击右侧应用到代码文件内。 🥓 这里有个小技巧，如果反复都达不到自己希望的效果，可以直接上传参考图，告诉它我要做成这样子 这里有个小技巧，如果反复都达不到自己希望的效果，可以直接上传参考图，告诉它我要做成这样子 那其余的功能优化也是同理，清晰地描述好需求，发送给 AI 优化即可。 五）上传代码 如果工具没有涉及后端程序（例如接口调用），并且所有需要优化的部分都处理完后，就可以打包代码，提交给微信小程序进行审核。 点击右上角上传，填写版本号（主要用于区分各个版本的代码） 接着，打开微信后台小程序，点击版本管理，可查看刚刚提交的版本。再点击提交审核，填写版本信息说明。 六）配置服务器域名 如果小程序有后端服务，当小程序上线后，所有的请求都必须必须走 HTTPS 。如果只是涉及前端，则不需要配置。 简单地说，你需要有一个域名，并且安装 SSL 加密证书，这个域名解析指向你的阿里云服务器。 这样才符合小程序的规定。否则，代码审核后还是无法在线上正常使用。 那如果，你已经有域名了，可以直接在进入小程序后台开发设置中配置。 那如果没有，按照 GPT 给出步骤去解决。网上也有很多购买教程，关键词搜一下就有。 四、服务器部署 如果涉及到后端服务，例如数据存储、接口调用等，就需要将代码部署到云服务器上，这样别人才能正常访问使用。 提供这类服务器的租赁的厂商，包括有华为云、阿里云、腾讯云等，随意挑选一个即可。 以下部署流程， 一）购买服务器 以阿里云为例（https://www.aliyun.com/），新用户注册，可以免费租赁几个月的服务器。 以下是 ChatGPT 给出的教程，一步步跟着执行， 打开阿里云官网，注册并登录账号，进入"云服务器 ECS"页面 选择 SSH 连接，打开连接窗口 连接的信息按以下填写，完成后点击确定