以下是进一步优化完善后的浅色AI云食堂APP完整代码，新增了数据可视化、用户反馈、智能推荐等功能，并优化了代码结构和性能。
项目结构
2025年07月03日
借助Fitten Code插件进行PyQt5界面美化！
例如从网上找到一张漂亮的UI示意图：
接下来借助Fitten Code插件一步一步实现如上图中的界面。首先我们先进行提问，它会给出一个大致框架的代码，如下图：
运行代码后效果如下：
2025年07月03日
今日领导打电话说上次的自助机修好了，今天又不行了，这是第二次打电话了。目前也没有其他人反馈这个机器的问题。于是我就想能不能根据IP去ping这个自助机的网络是否正常，如果不正常，关机了就自动给我发到科室的微信群，这样值班的同事就能看到了；于是我把我的想法告诉了AI，AI给我做了这样的代码。
2025年07月03日
本文使用 Flask 和 H5 三件套（HTML+JS+CSS）实现大模型聊天应用的基本方式
话不多说，先贴上实现效果：
流式输出：
思考输出：
聊天界面模型设置：
模型设置会话切换：
大模型的聊天应用从功能到 UI 设计来说都已经非常标准化了，然而身为小白的我至今还天真地以为页面上的流式响应是一门了不起的技术。 于是在得空的时候亲手实现了一个名为 Chat Mate 的聊天应用，该应用主打低代码量和简单易用，并且实现了 Chat 应用需要具备的流式输出、历史记录、模型思考等功能。 项目采用前后端分离的方式，前端完全由原生 HTML、JS、CSS 编写，没有使用任何封装好的框架，后端使用 Python 的 Flask 编写，实现简单。
2025年07月03日
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 引入 video.js 的 CSS 文件 -->
<link href="https://vjs.zencdn.net/7.17.0/video-js.css" rel="stylesheet" />
<title>Video.js Example</title>
</head>
<body>
<!-- 创建视频容器 -->
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
data-setup="{}">
<!-- 视频源 -->
<source src="https://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<!-- 引入 video.js 的 JavaScript 文件 -->
<script src="https://vjs.zencdn.net/7.17.0/video.min.js"></script>
<script>
// 初始化播放器
var player = videojs('my-video');
// 如果不想一个一个初始化，可以这样：
(function(){
var videos = document.getElementsByTagName('video');
for(i=0; i<videos.length; i++) {
var video = videos[i];
if(video.className.indexOf('video-js') > -1) {
videojs(video.id).ready(function(){
});
}
}
})();
//多个初始化 end
</script>
</body>
</html> 2025年07月03日
关于QSS要注意的坑。
- qss源自css，相当于css的一个子集，主要支持的是css2标准，很多网上的css3的标准的写法在qss这里是不生效的，所以不要大惊小怪。
- qss也不是完全支持所有的css2，比如text-align官方文档就有说明，只支持 QPushButton and QProgressBar，务必看清楚。
- 有时候偷懒直接来一句 *{xxx}，你会发现大部分是应用了，也有小部分或者极个别没有应用，你可能需要在对应的窗体中 this->setStyleSheet() 来设置。
2025年07月03日
上周同事小周抱着笔记本来吐槽：“姐，我开个网页都要转5圈加载条，看个短视频缓冲1分钟，这破浏览器是要变‘电子拖拉机’吗？”我扫了眼他的Chrome——标签页开了20多个，地址栏挂着“正在等待资源加载”的提示，任务管理器里浏览器进程占了30%内存……
但这哪是浏览器的问题？明明是“隐藏加速开关”没打开！今天就把我私藏的
2025年07月03日
现在的网站效果多样而功能复杂，技术栈也多种多样，react\vue\jquery等层出不穷，对于编程爱好者初学者入门极不友好。我这里有一个简单的个人网站模板，包括主页、项目和联系方式、关于我四个部分。你可以根据自己的需求进行调整。
模板效果展示：