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

武职302303笔记-day01

news 2026/1/31 15:21:21

这里写自定义目录标题

  • 开发永和小票
    • 开发步骤
      • 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

装饰模式（Decorator Pattern）重构java邮件发奖系统实战

前言 现在我们有个如下的需求&#xff0c;设计一个邮件发奖的小系统&#xff0c; 需求 1.数据验证 → 2. 敏感信息加密 → 3. 日志记录 → 4. 实际发送邮件 装饰器模式&#xff08;Decorator Pattern&#xff09;允许向一个现有的对象添加新的功能&#xff0c;同时又不改变其…...

编程新知 2026/1/24 22:31:08

在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：

在 HarmonyOS 应用开发中&#xff0c;手势交互是连接用户与设备的核心纽带。ArkTS 框架提供了丰富的手势处理能力&#xff0c;既支持点击、长按、拖拽等基础单一手势的精细控制&#xff0c;也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档&#xff0c…...

编程新知 2025/9/19 4:31:58

基于当前项目通过npm包形式暴露公共组件

1.package.sjon文件配置 其中xh-flowable就是暴露出去的npm包名 2.创建tpyes文件夹&#xff0c;并新增内容 3.创建package文件夹...

编程新知 2026/1/26 14:15:19

江苏艾立泰跨国资源接力：废料变黄金的绿色供应链革命

在华东塑料包装行业面临限塑令深度调整的背景下&#xff0c;江苏艾立泰以一场跨国资源接力的创新实践&#xff0c;重新定义了绿色供应链的边界。 跨国回收网络&#xff1a;废料变黄金的全球棋局 艾立泰在欧洲、东南亚建立再生塑料回收点&#xff0c;将海外废弃包装箱通过标准…...

编程新知 2026/1/31 13:42:15

html css js网页制作成品——HTML+CSS榴莲商城网页设计（4页）附源码

目录 一、&#x1f468;‍&#x1f393;网站题目 二、✍️网站描述 三、&#x1f4da;网站介绍 四、&#x1f310;网站效果 五、&#x1fa93; 代码实现 &#x1f9f1;HTML 六、&#x1f947; 如何让学习不再盲目 七、&#x1f381;更多干货 一、&#x1f468;‍&#x1f…...

编程新知 2026/1/27 20:34:19

wpf在image控件上快速显示内存图像

wpf在image控件上快速显示内存图像https://www.cnblogs.com/haodafeng/p/10431387.html 如果你在寻找能够快速在image控件刷新大图像&#xff08;比如分辨率3000*3000的图像&#xff09;的办法&#xff0c;尤其是想把内存中的裸数据&#xff08;只有图像的数据&#xff0c;不包…...

编程新知 2026/1/31 9:25:11

Kafka主题运维全指南：从基础配置到故障处理

#作者&#xff1a;张桐瑞 文章目录 主题日常管理1. 修改主题分区。2. 修改主题级别参数。3. 变更副本数。4. 修改主题限速。5.主题分区迁移。6. 常见主题错误处理常见错误1&#xff1a;主题删除失败。常见错误2&#xff1a;__consumer_offsets占用太多的磁盘。 主题日常管理 …...

编程新知 2025/6/10 21:14:43

Linux中《基础IO》详细介绍

目录 理解"文件"狭义理解广义理解文件操作的归类认知系统角度文件类别 回顾C文件接口打开文件写文件读文件稍作修改&#xff0c;实现简单cat命令 输出信息到显示器&#xff0c;你有哪些方法stdin & stdout & stderr打开文件的方式 系统⽂件I/O⼀种传递标志位…...

编程新知 2026/1/20 1:21:09

消息队列系统设计与实践全解析

文章目录 &#x1f680; 消息队列系统设计与实践全解析&#x1f50d; 一、消息队列选型1.1 业务场景匹配矩阵1.2 吞吐量/延迟/可靠性权衡&#x1f4a1; 权衡决策框架 1.3 运维复杂度评估&#x1f527; 运维成本降低策略 &#x1f3d7;️ 二、典型架构设计2.1 分布式事务最终一致…...

编程新知 2026/1/22 14:08:16

沙箱虚拟化技术虚拟机容器之间的关系详解

问题 沙箱、虚拟化、容器三者分开一一介绍的话我知道他们各自都是什么东西&#xff0c;但是如果把三者放在一起&#xff0c;它们之间到底什么关系&#xff1f;又有什么联系呢&#xff1f;我不是很明白&#xff01;&#xff01;&#xff01; 就比如说&#xff1a; 沙箱&#…...

编程新知 2026/1/29 19:58:52