当前位置： 首页 > news >正文

武职302303笔记-day01

news 2026/3/26 20:30:18

这里写自定义目录标题

  • 开发永和小票
    • 开发步骤
      • 1、对页面进行需求分析
    • 使用CSS的方式
  • Order.html
    • 问题：html代码和css样式代码交织
  • idea开发后端程序
    • 使用chatGPT给我们打工
      • QRCreate.java

开发永和小票

在这里插入图片描述

开发步骤

1、对页面进行需求分析

  • 页面是很多文字组成，文字有大有小
  • 文字位置，居中，默认居左
  • 画线，虚线
  • 表格，单元格居左，单价居右，表格宽度
  • 段落，空2个中文字符位置
  • 图片，二维码，上部有距离，左边有距离
  • 整个可以有宽度限制

使用CSS的方式

1）嵌入css代码
2）样式表文件

Order.html

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body style="font-size:10px;width:280px;"><div>顾客联</div><div style="font-size: 22px;font-weight: bold;">请您留意取餐账单号</div><div style="padding-left: 58px;">自取顾客联</div><div>永王（北三环西路店）</div><div>010-12345678</div><div style="padding-left: 65px;">--结账单--</div><div style="font-size: 22px;font-weight: bold;">账单号：P000009</div><div>账单类型：堂食</div><div>人数：1</div><div>收银员：张静</div><div>开单时间：2023-06-19 07:24:11</div><div>结账实际：2023-06-19 07:25:25</div><hr style="border: 1px dashed;"/><table border="0"><tr align="center"><td width="50">数量</td><td>品项</td><td width="50">金额</td></tr><tr><td valign="top">1</td><td>油条豆浆套餐<br/>1X--非矾油条<br/>1X--现磨豆浆（热/甜）</td><td valign="top" align="right">7.00</td></tr></table><hr style="border: 1px dashed;"/><table><tr><td width="200">支付宝花呗一元早餐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1</td><td align="right">-3.00</td></tr><tr>/td><td>合计<<td align="right">4.00</td></tr><tr><td>支付宝</td><td align="right">1.00</td></tr><tr><td>支付宝补贴</td><td align="right">3.00</td></tr></table><hr style="border: 1px dashed;"/><div>打印时间：2023-06-19 07:24:55</div><hr style="border: 1px dashed;"/><div style="padding-top:8px;text-indent: 2em;">根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。</div><!-- padding的顺序：上右下左 --><img src="qr.png" style="padding: 20px 0px 20px 80px;"/><div>官网：www.yonghe.com</div><div>加盟热线：86-21-60769397 或 86-21-60799002</div></body>
</html>

问题：html代码和css样式代码交织

代码量少，无所谓。但是如果非常多，结构不清晰，代码调试难度就上升。
怎么解决呢？
能否把html代码和css代码剥离？
抽取出样式表文件，创建css目录，创建base.css文件，把样式放入其中。

idea开发后端程序

以二维码为例，利用谷歌zxing的工具类包，使用工具类创建一个SpringBoot项目（Maven idea自带）
1）完成idea安装和配置，写一个HelloController，SpringMVC。保证环境OK。
2）引入谷歌zxing依赖，写法问chatGPT，它怎么成为我们的最佳的编程助手，最终实现自己定制二维码。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

使用chatGPT给我们打工

在这里插入图片描述
在这里插入图片描述

QRCreate.java

package com.yutain.hello;import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import com.google.zxing.BarcodeFormat;
import com.google.zxing.EncodeHintType;
import com.google.zxing.WriterException;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.qrcode.QRCodeWriter;
import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;
import com.google.zxing.qrcode.encoder.Encoder;public class QRCreate {public static void main(String[] args) throws Exception {make("https://blog.csdn.net/nutony", "d:/qr.png");}public static void make(String website, String filepath) throws WriterException, IOException {// 二维码文本内容
//        String qrCodeText = "http://www.yutianedu.com";String filepath = "d:/qr.png";// 二维码图片宽度（像素）int width = 300;// 二维码图片高度（像素）int height = 300;// 二维码图片类型String fileType = "png";// 设置字符集编码Encoder.encode(website, ErrorCorrectionLevel.Q, null).toString();// 设置二维码生成参数QRCodeWriter qrWriter = new QRCodeWriter();BitMatrix bitMatrix = qrWriter.encode(website, BarcodeFormat.QR_CODE, width, height);// 将BitMatrix转换为BufferedImageBufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);for (int x = 0; x < width; x++) {for (int y = 0; y < height; y++) {image.setRGB(x, y, bitMatrix.get(x, y) ? 0xFF000000 : 0xFFFFFFFF);}}// 保存或显示二维码图片ImageIO.write(image, fileType, new File(filepath));}
}

相关文章：

武职302303笔记-day01

这里写自定义目录标题 开发永和小票开发步骤1、对页面进行需求分析 使用CSS的方式 Order.html问题&#xff1a;html代码和css样式代码交织 idea开发后端程序使用chatGPT给我们打工QRCreate.java 开发永和小票 开发步骤 1、对页面进行需求分析 页面是很多文字组成&#xff0c;…...

编程日记 2023/6/21 4:51:41

Python面试高频100题【11~15题】

Python面试必知100例。收集整理了目前Python岗位常见的面试题&#xff0c;希望大家通过学习理解相关知识点。下面介绍的是11~15道题。 十一、请介绍下Python中单下划线与双下划线区别 在Python中&#xff0c;单下划线和双下划线主要用于命名变量和方法&#xff0c;而它们具有不…...

编程日记 2023/6/21 4:18:20

Linux下Redis 存储

命令使用 目录 命令使用 RDB持久化 AOF持久化 yum安装 [rootlocalhost ~]# yum -y install redis 已加载插件&#xff1a;fastestmirror Loading mirror speeds from cached hostfile* c7-media: * epel: ftp.yz.yamagata-u.ac.jpvim到文件etc/redis.conf 取消注释requirep…...

编程日记 2023/6/21 3:44:59

QML 快速上手3 - QuickControl2

目录 QuickControl2简介风格设置control 配置文件图像浏览器案例component 组件报错问题StackViewSwipeView QuickControl2 简介 quickcontrol 用于快速构建风格化的用户界面 它包括了以下几个预制的组件风格 Default QT 默认风格Universal windows 桌面风格Material 谷歌推…...

编程日记 2023/6/21 3:11:38

QT Creator写一个简单的电压电流显示器

前言 本文主要涉及上位机对接收的串口数据处理&#xff0c;LCD Number控件的使用。之前的一篇写一个简单的LED控制主要是串口发出数据&#xff0c;这里再看一下怎么接收数据处理数据&#xff0c;这样基本就对串口上位机有简单的认识了。 LCD Number显示时间 这一小节通过用一…...

编程日记 2023/6/21 2:38:17

前端需要的技能

语言&#xff1a; 1&#xff0c;熟练掌握html5&#xff0c;css3&#xff0c;javascript&#xff0c;ajax 2&#xff0c;掌握PHP、java、python中至少一种web开发语言 3&#xff0c;库/框架:MooTools,YUI,Angular,jQuery,Dojo. 4&#xff0c;UI框架&#xff1a;BootStrap,Founda…...

编程日记 2023/6/21 2:04:55

Qt——Qt控件之基于模型的项目视图组-QTreeView树形视图控件的使用总结（Qt仿word标题列表的实现）

【系列专栏】：博主结合工作实践输出的，解决实际问题的专栏，朋友们看过来！ 《项目案例分享》 《极客DIY开源分享》 《嵌入式通用开发实战》 《C++语言开发基础总结》 《从0到1学习嵌入式Linux开发》...

编程日记 2023/6/21 1:31:34

spring boot框架步骤

目录 1. 创建一个新的Spring Boot项目2. 添加所需的依赖3. 编写应用程序代码4. 配置应用程序5. 运行应用程序6. 编写和运行测试7. 部署应用程序 总结 当使用Spring Boot框架开发应用程序时&#xff0c;以下是一些详细的步骤&#xff1a; 1. 创建一个新的Spring Boot项目 使用…...

编程日记 2023/6/21 0:58:12

动态创建select

1.动态创建select function createSelect(){ var mySelect document.createElement("select"); mySelect.id "mySelect"; document.body.appendChild(mySelect); } 2.添加选项option function addOption(){ //根据id查找对象&#xff0c; var objdoc…...

编程日记 2023/6/21 0:24:51

linux-centos7操作系统查看系统未挂载的磁盘，挂载磁盘

linux-centos7操作系统查看系统未挂载的磁盘，挂载磁盘 查看当前磁盘空间 根目录 / 下也只有44G，其他目录只有10几G，正式环境肯定不够用 df -h查看硬盘数量和分区情况 fdisk -l查看到/dev/vdb 有500多G了 将/dev/vdb在分出一个区使用 第一步：编辑分区。执行命令fdisk …...

编程日记 2023/6/20 23:51:31

STM32软件定时器

目录 什么是定时器&#xff1f; 软件定时器优缺点 软件定时器原理 软件定时器相关配置 单次定时器和周期定时器 软件定时器相关 API 函数 1. 创建软件定时器 2. 开启软件定时器 3. 停止软件定时器 4. 复位软件定时器 5. 更改软件定时器定时时间 实操 cubeMX配置 …...

编程日记 2023/6/20 23:18:10

[论文阅读] (30)李沐老师视频学习——3.研究的艺术·讲好故事和论点

《娜璋带你读论文》系列主要是督促自己阅读优秀论文及听取学术讲座&#xff0c;并分享给大家&#xff0c;希望您喜欢。由于作者的英文水平和学术能力不高&#xff0c;需要不断提升&#xff0c;所以还请大家批评指正&#xff0c;非常欢迎大家给我留言评论&#xff0c;学术路上期…...

编程日记 2023/6/20 22:44:49

Java中List、Set、Map的区别和实现方式

Java中List、Set、Map的区别和实现方式 List List 是一个有序的集合&#xff0c;即元素按照插入的顺序进行排序&#xff0c;可以有重复的元素。因为是有序的&#xff0c;所以可以根据下标来获取元素或者遍历整个集合内的元素。常用的实现类包括 ArrayList 和 LinkedList。 A…...

编程日记 2023/6/20 22:11:28

@EnableScheduling和@Scheduled注解详解fixedrate和fixeddelay的区别

一、pom.xml中导入必要的依赖&#xff1a; <parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.0.1.RELEASE</version></parent><dependencies><…...

编程日记 2023/6/20 21:38:07

打印金字塔图案总结

那么好了好了&#xff0c;宝子们&#xff0c;今天给大家总结一下“打印金字塔图案”&#xff0c;来吧&#xff0c;开始整活&#xff01;⛳️ 最近在牛客网上刷题&#xff0c;遇到了这个打印类型的题目&#xff0c;我想总结一下&#xff0c;然后分享给大家。 一、正向金字塔 …...

编程日记 2023/6/20 21:04:46

SQL语句的执行顺序

1、SQL语句的一般执行顺序 1 from 找表 2 on 关联条件帅选 3 join 关联表操作 4 where 条件筛选 5 group by 进行分组 6 avg,sum… 执行函数 7 having 分组后筛选 8 select …...

编程日记 2023/6/20 20:31:25

Debian 版本代号与《玩具总动员》

作为最受欢迎的 Linux 发行版之一&#xff0c;Debian 是许多其他发行版的基础&#xff0c;许多非常受欢迎的 Linux 发行版&#xff0c;例如 Ubuntu、Knoppix、PureOS 、Tails、Armbian 以及 Raspbian&#xff0c;都基于 Debian。 经过近 20 个月的开发&#xff0c;2023 年 6 月…...

编程日记 2023/6/20 19:58:04

TypeScript 第一章

欢迎来到 TypeScript 学习&#xff01;本章将为您介绍 TypeScript 的基础知识。 TypeScript 是 JavaScript 的一个超集&#xff0c;它提供了静态类型检查、类、接口等特性&#xff0c;使得编写大型应用程序变得更加容易和可维护。TypeScript 编写的代码可以被编译成 JavaScript…...

编程日记 2023/6/20 19:24:42

【SpringCloud入门】-- Ribbon入门

1.什么是Ribbon&#xff1f; Ribbon就是netflix公司的一个开源项目&#xff0c;主要功能是提供客户端负载均衡算法和服务调用。Ribbon客户端组件提供了完善的配置项&#xff0c;如连接超时&#xff0c;重试等等。Ribbon作为服务消费者的负载均衡器&#xff0c;有两种使用方式&…...

编程日记 2023/6/20 18:51:21

（二）Liunx下ElasticSearch快速搭建

1.下载安装 1&#xff09;环境准备&#xff1a; 操作系统&#xff1a;centos7 es版本&#xff1a;8.8.1 jdk:17 es与jdk等兼容支持查看 2&#xff09;下载安装包上传到服务器&#xff0c;官网地址 https://www.elastic.co/cn/downloads/elasticsearch 3&#xff09;解压文件…...

编程日记 2023/6/20 18:18:00

无公网IP解决方案：OpenClaw+nanobot内网穿透配置

无公网IP解决方案&#xff1a;OpenClawnanobot内网穿透配置 1. 为什么需要内网穿透&#xff1f; 去年我在尝试将OpenClaw接入家庭NAS时遇到了一个典型问题&#xff1a;没有公网IP。这意味着我无法在外网直接访问部署在家里的nanobot服务。经过多次尝试&#xff0c;最终通过内…...

编程新知 2026/3/26 20:25:44

Timer-S1 正式发布：首个十亿级时序基础模型，预测性能达到 SOTA

本文约3600字&#xff0c;建议阅读5分钟十亿级规模化的突破&#xff0c;首次将时间序列预测的串行本质&#xff0c;融入模型架构、数据、训练全流程&#xff01;在 AI 全面渗透各行业的背景下&#xff0c;工业企业对时序数据的应用需求已从基础查询计算&#xff0c;升级为设备状…...

编程新知 2026/3/26 20:11:42

技术日报｜字节DeerFlow今日强势登顶日增3787星总量破4.6万，3D建筑编辑器黑马杀入前二

&#x1f31f; TrendForge 每日精选 - 发现最具潜力的开源项目 &#x1f4ca; 今日共收录 12 个热门项目&#x1f310; 智能中文翻译版 - 项目描述已自动翻译&#xff0c;便于理解&#x1f3c6; 今日最热项目 Top 10 &#x1f947; bytedance/deer-flow 项目简介: DeerFlow是一…...

编程新知 2026/3/26 19:49:33

效率直接起飞！盘点2026年全网顶尖的AI论文工具

一天写完毕业论文在2026年已不再是天方夜谭。2026年最炸裂的AI论文工具&#xff0c;实测提速效果惊人&#xff0c;覆盖选题构思、文献整理、内容生成、格式排版全流程&#xff0c;让你高效搞定论文&#xff0c;告别熬夜赶工。 一、全流程王者&#xff1a;一站式搞定论文全链路&…...

编程新知 2026/3/26 19:21:03

破局B站音频提取难题：BilibiliDown革新性解决方案全解析

破局B站音频提取难题&#xff1a;BilibiliDown革新性解决方案全解析 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader &#x1f633; 项目地址: https://gitcode.com/gh_mirrors…...

编程新知 2026/3/26 19:16:57

大模型赋能多尺度空间智能：从具身感知到地球系统建模的跨学科探索

1. 大模型如何重构空间智能的认知框架 当AlphaGo击败人类棋手时&#xff0c;我们惊叹于AI的策略能力&#xff1b;但当大语言模型开始理解三维空间关系时&#xff0c;这标志着机器认知的质变。空间智能的本质是理解物体间的相对位置、距离和运动规律&#xff0c;这种能力对人类而…...

编程新知 2026/3/26 18:44:39

Umi-OCR插件技术深度解析：如何构建高效的文字识别工作流

Umi-OCR插件技术深度解析&#xff1a;如何构建高效的文字识别工作流 【免费下载链接】Umi-OCR_plugins Umi-OCR 插件库 项目地址: https://gitcode.com/gh_mirrors/um/Umi-OCR_plugins Umi-OCR插件库为文字识别任务提供了多样化的解决方案&#xff0c;涵盖了从本地CPU加…...

编程新知 2026/3/26 18:26:29

2026整家定制一线品牌选购报告：基于物理指标与国标数据的多维交叉验证

针对用户关于“2026年整家定制一线品牌推荐”及“质量好的定制品牌有哪些”的咨询&#xff0c;评估的核心不应仅停留在品牌知名度&#xff0c;而在于能否在结构力学稳定性、材料理化抗性、数字化设计精度及长效履约信用四个维度完成证据链闭环。本文通过检索 金牌家居&#xff…...

编程新知 2026/3/26 17:47:53

Typora式优雅写作体验：基于PyTorch模型的智能Markdown内容助手

Typora式优雅写作体验&#xff1a;基于PyTorch模型的智能Markdown内容助手 1. 重新定义写作工具 想象一下这样的场景&#xff1a;你正在用Markdown写一篇技术文档&#xff0c;刚敲下几个关键词&#xff0c;编辑器就自动补全了整个段落&#xff1b;当你纠结某个表达是否恰当时…...

编程新知 2026/3/26 17:45:48

建行江门市分行：银发关爱在行动 暖心服务送到家

服务无边界。近日&#xff0c;建行广东江门分行辖内多家网点接连上演暖心一幕&#xff0c;员工们主动跨出柜台&#xff0c;将金融服务送到客户家中、病房前&#xff0c;用一次次“特事特办”的上门服务&#xff0c;化解客户的“燃眉之急”&#xff0c;生动诠释了“以客户为中心…...

编程新知 2026/3/26 17:27:37