刘欣的CSDN博客

业务数据模型的设计、UI设计这应该是程序设计中不可缺少的部分。做程序设计的前提应该先把这两块设计好，那么，来一个实际案例，看看这2块的内容。部件是基于零件的，多个同名称的零件对应一个部件名称（车辆上安装位置），后续报表按部件取数。1、详情编辑，对图片（图片录入单独窗口）、文本可以修改、删除，保存后，父级清单需要刷新。1、显示车辆列表，图文混排，每一项中：车辆有图片显示，有名称描述。3、详情页面可以按部件出报表，也可以放到【部件页面】中。2、选中其中一项，进入【车辆详情】。3、新增按钮进入【车辆详情】。

我的微信小程序使用.net7 Minimal API 作为后端，当服务器摆上公网后，可以观察到很多的攻击行为和暴力访问。所以，我需要使用微软的限流中间件部署相应的功能在服务器上。把微软的例子直接用，每12秒，只能有4次请求，超过就会被限制访问。

今天遇到e.currentTarget.dataset.item.id 为空的错误，下面整理一下元素层到代码逻辑层传值取数问题。一、某页面传递数据，当点击编辑按钮时，需要把这个对象的ID，传到其它页面。三、代码层中，我们这样用 e.currentTarget.dataset.按微信小程序官方说明，运行环境分成。二、我们需要在页面元素中定义。，取了ITEM里面的ID。

5、用户点击图片，上传一张图片给服务器，然后拿到这个图片在服务器的id,这个ID准备写入车辆表的pic_id字段中。用户需要修改车辆的信息，这里准备一个car_edit页面表单来给用户输入。提交的内容包括：1张车的图片，2个字段信息。4、因为input控件，用户输入后，不能自动改变实例代码中的对应变量，必然搞2个响应函数来更新实例变量。6、点击保存按钮，用POST方法，上传多个字段数据给服务器，收到服务器返回后，小程序返回到上一页面。3、用这个car id向服务器查询该车辆信息，显示到页面元素中。

微信小程序的开发，不可避免要接触前端CSS，今天完成了一个List数据显示多个item的页面，总结记录一下。微信小程序就是由一个一个的page构成，类似于WINFORM程序中的窗口，每一个页面page，用WXSS做样式，WXML做页面元素。比如每一个item数据，命名为L0_item。最后完成界面如下，看起来还不错，点击一行item,就可以转到编辑页面去。l1_right中又分为上下部分：l2_top、l2_down。item中，分为左右部分：l1_left、l1_right。

错误写法：app.MapGet("/get_carlist/{openid:string}", (string openid) => get_carlist(openid));正确写法：app.MapGet("/get_carlist/{openid}", (string openid) => get_carlist(openid));wxml中如果定义了2个完全一样的变量{{name}} {{name}},小程序编译会出现奇怪的问题。

微信小程序 get post 方式和 mini webapi 后端对应操作。

小汽车保养里程碑微信小程序中，需要上传汽车零件的照片，车辆的照片。小程序使用wx.chooseMedia() 和wx.uploadFile() 函数上传小程序前端的照片文件。chooseMedia会拿到本地文件的文件名，uploadFile把这个文件向服务器的API上传。/upload API用于接收前端上传的照片文件。图片上传后会按时间戳产生一个文件ID，服务器按这个ID生成图片文件名，保存到服务器上，然后再返回这个文件ID给前端，前端可以用这个文件ID和表单的其它字段一起提交到数据库。

博主想把“小汽车保养里程碑单机版”搬上微信小程序，第一件事情应该就是在小程序中能够识别不同的用户，每个用户自己保存自己的数据，需要一个唯一的识别号，就是这个openid。有了这个openid，小程序就可以区分用户的数据，我只需要在数据库的表中加一个openid字段，每次用户提交数据，保存上相应的openid，这些数据就自然属于这个用户了。博主第一次接触这些功能，感觉有点复杂呢，不过用了一天时间，也还是搞定了获取openid。后端服务器API把openid返回给了微信小程序，小程序把openid显示了出来。

打开方式： 手机设置—> 关于手机—->版本信息—-> 版本号 —> 一阵猛点击（这里是我自己的OPPO手机的发开方法，大家各自按照自己的手机去打开）打开后重新打开小程序预览就可以正常的获取到数据了。这样我们就已经把SQLite数据发布出来了，可以用浏览器试试看是否可以正常访问。webapi程序启动后，作为一个应用程序运行，它工作在http 8090端口。

原本以为微信小程序开发门槛比较高，但是博主上面的条件具备了，就可以愉快的开发了，而且提交发布也非常友好，即使是测试版本，微信小程序官方也准许你发布。4、ORM使用EFcore, 很高效的支持SQLite, nuGet中安装2个组件，然后一条命令，就自动生成了全部实体模型对象，更新数据库字段后，也是一条命令，分分钟搞定。博主一边学习一边开发，在小程序完成后，估计微信小程序的开发系统专题也会完成。5、内网穿透，博主用了花生壳，很稳定，之前6元注册了一个，可以免费使用一个合法的二级https域名。