目录

​一,二维码生成​

​1,引入二维码生成相关的js文件 ​

​2, 编写HTML文件​


完整项目在这里实时更新<( ̄︶ ̄)↗[GO!]​​https://github.com/GoodbyeFirefly/ExpressManagementSystem​​ 

一,二维码生成

1,引入二维码生成相关的js文件 

web目录下新建js文件夹,将相关文件粘贴进去。从上到下依次是二维码生成插件、jquery插件、汉化插件。

07-项目训练_二维码生成_二维码生成

在html文件中引入js文件(注意引入顺序!!!jquery插件=》二维码生成插件=》汉化插件)

07-项目训练_二维码生成_javaweb_02

 

2, 编写HTML文件

1,用div组件展示二维码

07-项目训练_二维码生成_二维码生成_03

2,准备二维码的规格对象(JSON)

  • width:数字,//值是number类型, 表示的单位是px  必须传递
  • height:数字,//值是number类型, 表示的单位是px  必须传递
  • text:"内容",//text就表示二维码中存储的数据  必须传递
  • correctLevel:数字,//取值为0|1|2|3 表示二维码的纠错级别0:L/1:M/2:Q/3:H ,默认0  可选参数(纠错级版越高,生成时间越长,扫描处理时间越长)
  • background:"#rrggbb",//默认白色, 表示二维码的后景颜色 可选参数
  • foreground:"#rrggbb",//默认黑色, 表示二维码的前景颜色 可选参数
  • render:"绘制模式"//取值:table/canvas , 默认table 可选参数

07-项目训练_二维码生成_javaweb_04

3,通过选择器, 查找到上述的div ,得到Jquery对象, 通过jquery对象的qrcode函数生成二维码

07-项目训练_二维码生成_二维码生成_05