专业合肥网站建设,广州市住房和城乡建设局官方网站,怎么下载app到手机上,公司运营是做什么的这里写自定义目录标题 开发永和小票开发步骤1、对页面进行需求分析 使用CSS的方式 Order.html问题#xff1a;html代码和css样式代码交织 idea开发后端程序使用chatGPT给我们打工QRCreate.java 开发永和小票 开发步骤
1、对页面进行需求分析
页面是很多文字组成#xff0c;… 这里写自定义目录标题 开发永和小票开发步骤1、对页面进行需求分析 使用CSS的方式 Order.html问题html代码和css样式代码交织 idea开发后端程序使用chatGPT给我们打工QRCreate.java 开发永和小票 开发步骤
1、对页面进行需求分析
页面是很多文字组成文字有大有小文字位置居中默认居左画线虚线表格单元格居左单价居右表格宽度段落空2个中文字符位置图片二维码上部有距离左边有距离整个可以有宽度限制
使用CSS的方式
1嵌入css代码 2样式表文件
Order.html
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbody stylefont-size:10px;width:280px;div顾客联/divdiv stylefont-size: 22px;font-weight: bold;请您留意取餐账单号/divdiv stylepadding-left: 58px;自取顾客联/divdiv永王北三环西路店/divdiv010-12345678/divdiv stylepadding-left: 65px;--结账单--/divdiv stylefont-size: 22px;font-weight: bold;账单号P000009/divdiv账单类型堂食/divdiv人数1/divdiv收银员张静/divdiv开单时间2023-06-19 07:24:11/divdiv结账实际2023-06-19 07:25:25/divhr styleborder: 1px dashed;/table border0tr aligncentertd width50数量/tdtd品项/tdtd width50金额/td/trtrtd valigntop1/tdtd油条豆浆套餐br/1X--非矾油条br/1X--现磨豆浆热/甜/tdtd valigntop alignright7.00/td/tr/tablehr styleborder: 1px dashed;/tabletrtd width200支付宝花呗一元早餐nbsp;nbsp;nbsp;nbsp;nbsp;1/tdtd alignright-3.00/td/trtr/tdtd合计td alignright4.00/td/trtrtd支付宝/tdtd alignright1.00/td/trtrtd支付宝补贴/tdtd alignright3.00/td/tr/tablehr styleborder: 1px dashed;/div打印时间2023-06-19 07:24:55/divhr styleborder: 1px dashed;/div stylepadding-top:8px;text-indent: 2em;根据相关税法规定电子发票的开票日期同网上申请电子发票的日期如您需要当日的电子发票请务必在消费当日通过扫描下方二维码根据指引步骤开具您的增值税电子普通发票。此二维码30天有效扫描时请保持小票平整。/div!-- padding的顺序上右下左 --img srcqr.png stylepadding: 20px 0px 20px 80px;/div官网www.yonghe.com/divdiv加盟热线86-21-60769397 或 86-21-60799002/div/body
/html
问题html代码和css样式代码交织
代码量少无所谓。但是如果非常多结构不清晰代码调试难度就上升。 怎么解决呢 能否把html代码和css代码剥离 抽取出样式表文件创建css目录创建base.css文件把样式放入其中。
idea开发后端程序
以二维码为例利用谷歌zxing的工具类包使用工具类创建一个SpringBoot项目Maven idea自带 1完成idea安装和配置写一个HelloControllerSpringMVC。保证环境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));}
}
