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

武职302303笔记-day01

news 2026/2/8 18:38:33

这里写自定义目录标题

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

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器的上位机配置操作说明

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器专为工业环境精心打造&#xff0c;完美适配AGV和无人叉车。同时&#xff0c;集成以太网与语音合成技术&#xff0c;为各类高级系统&#xff08;如MES、调度系统、库位管理、立库等&#xff09;提供高效便捷的语音交互体验。 L…...

编程新知 2026/2/8 4:23:14

渗透实战PortSwigger靶场-XSS Lab 14：大多数标签和属性被阻止

<script>标签被拦截 我们需要把全部可用的 tag 和 event 进行暴力破解 XSS cheat sheet&#xff1a; https://portswigger.net/web-security/cross-site-scripting/cheat-sheet 通过爆破发现body可以用 再把全部 events 放进去爆破 这些 event 全部可用 <body onres…...

编程新知 2026/1/24 13:05:24

pam_env.so模块配置解析

在PAM&#xff08;Pluggable Authentication Modules&#xff09;配置中&#xff0c; /etc/pam.d/su 文件相关配置含义如下&#xff1a; 配置解析 auth required pam_env.so1. 字段分解 字段值说明模块类型auth认证类模块&#xff0c;负责验证用户身份&am…...

编程新知 2025/10/5 8:09:39

高频面试之3Zookeeper

高频面试之3Zookeeper 文章目录 高频面试之3Zookeeper3.1 常用命令3.2 选举机制3.3 Zookeeper符合法则中哪两个&#xff1f;3.4 Zookeeper脑裂3.5 Zookeeper用来干嘛了 3.1 常用命令 ls、get、create、delete、deleteall3.2 选举机制 半数机制&#xff08;过半机制&#xff0…...

编程新知 2026/1/25 13:13:20

1688商品列表API与其他数据源的对接思路

将1688商品列表API与其他数据源对接时&#xff0c;需结合业务场景设计数据流转链路&#xff0c;重点关注数据格式兼容性、接口调用频率控制及数据一致性维护。以下是具体对接思路及关键技术点&#xff1a; 一、核心对接场景与目标 商品数据同步 场景&#xff1a;将1688商品信息…...

编程新知 2025/11/30 16:55:32

学习STC51单片机31（芯片为STC89C52RCRC）OLED显示屏1

每日一言 生活的美好&#xff0c;总是藏在那些你咬牙坚持的日子里。 硬件&#xff1a;OLED 以后要用到OLED的时候找到这个文件 OLED的设备地址 SSD1306"SSD" 是品牌缩写&#xff0c;"1306" 是产品编号。 驱动 OLED 屏幕的 IIC 总线数据传输格式 示意图 …...

编程新知 2026/1/30 4:16:26

什么是EULA和DPA

文章目录 EULA&#xff08;End User License Agreement&#xff09;DPA&#xff08;Data Protection Agreement&#xff09;一、定义与背景二、核心内容三、法律效力与责任四、实际应用与意义 EULA&#xff08;End User License Agreement&#xff09; 定义&#xff1a; EULA即…...

编程新知 2025/10/18 7:13:10

uniapp微信小程序视频实时流+pc端预览方案

方案类型技术实现是否免费优点缺点适用场景延迟范围开发复杂度​WebSocket图片帧​定时拍照Base64传输✅ 完全免费无需服务器 纯前端实现高延迟高流量 帧率极低个人demo测试 超低频监控500ms-2s⭐⭐​RTMP推流​TRTC/即构SDK推流❌ 付费方案 &#xff08;部分有免费额度&#x…...

编程新知 2026/1/31 6:12:33

NLP学习路线图（二十三）：长短期记忆网络（LSTM）

在自然语言处理（NLP）领域，我们时刻面临着处理序列数据的核心挑战。无论是理解句子的结构、分析文本的情感，还是实现语言的翻译，都需要模型能够捕捉词语之间依时序产生的复杂依赖关系。传统的神经网络结构在处理这种序列依赖时显得力不从心，而循环神经网络（RNN） 曾被视为…...

编程新知 2026/2/1 7:05:28

如何在最短时间内提升打ctf（web)的水平？

刚刚刷完2遍 bugku 的 web 题&#xff0c;前来答题。 每个人对刷题理解是不同&#xff0c;有的人是看了writeup就等于刷了&#xff0c;有的人是收藏了writeup就等于刷了&#xff0c;有的人是跟着writeup做了一遍就等于刷了&#xff0c;还有的人是独立思考做了一遍就等于刷了。…...

编程新知 2026/1/28 5:55:15