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

武职302303笔记-day01

news 2025/8/26 1:24:03

这里写自定义目录标题

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

【杂谈】-递归进化：人工智能的自我改进与监管挑战

递归进化&#xff1a;人工智能的自我改进与监管挑战 文章目录 递归进化&#xff1a;人工智能的自我改进与监管挑战1、自我改进型人工智能的崛起2、人工智能如何挑战人类监管&#xff1f;3、确保人工智能受控的策略4、人类在人工智能发展中的角色5、平衡自主性与控制力6、总结与…...

编程新知 2025/7/7 5:39:43

React第五十七节 Router中RouterProvider使用详解及注意事项

前言 在 React Router v6.4 中&#xff0c;RouterProvider 是一个核心组件&#xff0c;用于提供基于数据路由&#xff08;data routers&#xff09;的新型路由方案。 它替代了传统的 <BrowserRouter>&#xff0c;支持更强大的数据加载和操作功能&#xff08;如 loader 和…...

编程新知 2025/8/21 3:47:19

Debian系统简介

目录 Debian系统介绍 Debian版本介绍 Debian软件源介绍 软件包管理工具dpkg dpkg核心指令详解 安装软件包 卸载软件包 查询软件包状态 验证软件包完整性 手动处理依赖关系 dpkg vs apt Debian系统介绍 Debian 和 Ubuntu 都是基于 Debian内核 的 Linux 发行版&#xff…...

编程新知 2025/8/22 3:50:45

【RockeMQ】第2节｜RocketMQ快速实战以及核⼼概念详解（二）

升级Dledger高可用集群 一、主从架构的不足与Dledger的定位 主从架构缺陷 数据备份依赖Slave节点&#xff0c;但无自动故障转移能力&#xff0c;Master宕机后需人工切换&#xff0c;期间消息可能无法读取。Slave仅存储数据&#xff0c;无法主动升级为Master响应请求&#xff…...

编程新知 2025/8/22 15:11:10

【Java学习笔记】BigInteger 和 BigDecimal 类

BigInteger 和 BigDecimal 类 二者共有的常见方法 方法功能add加subtract减multiply乘divide除 注意点&#xff1a;传参类型必须是类对象 一、BigInteger 1. 作用&#xff1a;适合保存比较大的整型数 2. 使用说明 创建BigInteger对象 传入字符串 3. 代码示例 import j…...

编程新知 2025/6/21 16:56:20

省略号和可变参数模板

本文主要介绍如何展开可变参数的参数包 1.C语言的va_list展开可变参数 #include <iostream> #include <cstdarg>void printNumbers(int count, ...) {// 声明va_list类型的变量va_list args;// 使用va_start将可变参数写入变量argsva_start(args, count);for (in…...

编程新知 2025/7/9 0:26:24

Xela矩阵三轴触觉传感器的工作原理解析与应用场景

Xela矩阵三轴触觉传感器通过先进技术模拟人类触觉感知&#xff0c;帮助设备实现精确的力测量与位移监测。其核心功能基于磁性三维力测量与空间位移测量&#xff0c;能够捕捉多维触觉信息。该传感器的设计不仅提升了触觉感知的精度&#xff0c;还为机器人、医疗设备和制造业的智…...

编程新知 2025/8/22 6:01:28

DiscuzX3.5发帖json api

参考文章&#xff1a;PHP实现独立Discuz站外发帖(直连操作数据库)_discuz 发帖api-CSDN博客 简单改造了一下&#xff0c;适配我自己的需求 有一个站点存在多个采集站&#xff0c;我想通过主站拿标题&#xff0c;采集站拿内容 使用到的sql如下 CREATE TABLE pre_forum_post_…...

编程新知 2025/7/7 19:28:43

Linux安全加固：从攻防视角构建系统免疫

Linux安全加固：从攻防视角构建系统免疫 构建坚不可摧的数字堡垒 引言：攻防对抗的新纪元 在日益复杂的网络威胁环境中，Linux系统安全已从被动防御转向主动免疫。2023年全球网络安全报告显示，高级持续性威胁（APT）攻击同比增长65%，平均入侵停留时间缩短至48小时。本章将从…...

编程新知 2025/7/8 20:13:31

aardio 自动识别验证码输入

技术尝试 上周在发学习日志时有网友提议“在网页上识别验证码”&#xff0c;于是尝试整合图像识别与网页自动化技术&#xff0c;完成了这套模拟登录流程。核心思路是&#xff1a;截图验证码→OCR识别→自动填充表单→提交并验证结果。 代码在这里 import soImage; import we…...

编程新知 2025/8/22 11:03:30