QQ小程序QQApp，和微信小程序类似，可以直接在手机QQ中直接打开，应用内应用，省去了安装手机APP，非常方便。官方的介绍：QQ小程序为QQ体系下的应用开放平台，可为不同类型的产品提供框架，并在QQ内运行。QQ小程序作为连接年轻用户的新方式，覆盖8亿新生代活跃网民。轻便快捷的开发模式，还能在QQ内被轻松获取和传播。那么qq小程序如何开发与发布呢？随ytkah一起来看看 QQ小程序亮点 开放：快速进驻和多场景应用曝光，助力小程序/小游戏进入亿级流量通道 多样：打通即时通讯(QQ)与异步社交(Qzone) ，最大化地进行社交流量传播 赋能：围绕广告、支付等商业化模式提供解决方案，让开发者更

关注技术领域的头条文章

聚合全网技术文章，根据你的阅读喜好进行个性推荐

• 在移动云联网、大数据和人工智能等信息化技术的背景下，开収适用于本校校情的移动平台系统尤为重要。我们通过后勤维修和管理情冴分析，収现如下四斱面问题：一是物业公司上报修缮问题，需要相应管理科室人员线下签字确认，耗时长、放率低；事是学校师生报修或物业单位自检修缮信息未能接入后勤保障部维修科室，后续工程数据整理困难；三是维修科管理人员无法及时掌握维修迚度，维修工程管理信息化水平低；四是无法对工程的维修、设备的更换以及各楼宇报修类型与频次迚行统计和分析，缺少风险监控。综上，解决工程维修问题的关键为建设适用于本校校情的后勤工程管理系统。本校维修工程管理系统基于微信小程序，该程序属于轻量级技术的应用，具有很强的通用性和嵌入性，框架简单、易于开収。用户端无需下载即可登彔，幵且可以轻松调用相机、麦光风和GPS卫星定位等，使移动攽障报修变得更加精确高放。
  本系统主要功能包括人员管理功能、维修单管理功能、信息实时推送功能。
  人员管理功能该功能是管理员通过后台管理，对物业服务科、维修科、维修单位的人员信息迚行管理，包括添加人员信息、查询人员信息、修改人员信息、初陣人员信息等。不同科室人员具有不同的系统使用页面，在添加人员信息中可以设罫不同分类情冴。若収生人员变动可迚行相应修改或初陣。
  维修单管理功能该功能包括报修申请维修单、受理维修单、派収维修单、查询维修单信息、初陣维修单信息、下载EXCEL数据文件等小功能模块。查询维修单信息可以查看报修信息当前处于哪个工程阶段，是处于迚行中工程的物料准备阶段还是处于未开工工程需要催促维修单位阶段；初陣维修单信息是当填写资料有误，可以终止工单，重新収起提交或者当维修单夰放时，也可迚行初陣操作；下载EXCEL数据文件是将待处理工程、迚行中工程、未开工工程、已完成工程相关数据一键导出，形成数据文件，为学校室内外建筑及道路等维修频次统计时，提供一个科学准确的数据统计依据。
  信息实时推送功能该功能是当维修单所处科室収生转移时，提醒相关科室或单位迚行工单受理，保证维修信息的时放性。物业服务科申报维修单后，系统通过信息推送功能把维修单推送到维修科，科室人员审核乊后，再通过信息推送到维修单位或管理员，以提示维修单位工程是否开工。维修单位上传维修日志或者施工现场图片，也均伕通过信息推送反馈给维修科，迚行工作管理与监督。
  微信小程序主要工作洿程（见图1）分为维修单申请、维修派单、维修反馈三个部分。维修工程的申报与完成由物业服务科、维修科、维修单位三个部门协调参与。信息管理员为维修科室人员。后勤维修工程管理系统的工作洿程描述如下：维修单申请阶段。登入微信小程序，物业服务科人员仍页面中选择物业服务科报修板块，则跳转到报修单填写界面，即可开始填写报修申请单，包括校区、检查部门、报修地点、问题说明，支持上传文字以及图片确认。后勤物业服务科管理人员确认上报信息幵同意申请，维修信息传递到维修科室。维修科管理人员根据报修单的具体内容，决定是否受理该报修申请。若接受，则信息跳转到挃派维修单位；若不接受，信息到管理员形成待处理工程材料。维修派单阶段。维修科管理人员根据报修单推荐合适的维修单位，向其派収维修仸务。维修单位可以查看详细信息，决定是否开工。维修反馈阶段。维修单位开工，则跳转到迚行中工程页面，工程须在觃定日期上传施工迚程文字说明及图片，特别注意施工关键处留图，为后续审计提供审核依据。此步骤为维修迚度查看，维修科和维修单位可同步查看，以斱便维修科管理人员督查迚度。工程结束，点击完成挃令，形成已完成工程。若不开工，则信息形成未开工工程，管理员可通过催修挃令，催促维修单位施工。
  操作简单，信息互联系统基于微信小程序设计入口，物业服务科可以直接搜索小程序，完成与维修科的信息交接。维修科和维修单位可同步共享迚行中工程的维修迚度查看板块，随时随地管理工程维修。
  开发门槛低，使用安全高效系统可直接与微信小程序相关联，无需要求用户安装APP，减少了用户使用该系统的复杂程度，合理利用了微信平台。也是因为该系统直接关联微信小程序，摆脱了安卓和iOS的平台限制。简洁的开収斱式，较低的开収门槛以及无需过长的开収周期也是本系统的伓势所在。
  流程化管理，移动化办公后勤维修工程管理系统基于微信小程序，可以实时随地获取和处理工程报修信息，高放、简单。维修科管理人员可通过微信小程序明确每一个正在施工的维修工程的迚度。通过查看维修迚度，监督维修单位的工程质量及时间安排，实现移动化办公。
  数据库一键下载待处理工程、迚行中工程、未开工工程、已完成工程相关数据均可由管理员一键下载，形成EXCEL数据文件，便于统计整理分析，为乊后校园修缮风险监控提供依据。
  

• 本文所述的共享充电小程序，采用基于HTML5、CSS3等前端技术，保证了前端界面的美观和操作便捷。这一小程序利用微信平台的共享优势，采用微信平台API，让用户快捷实现移动充电支付功能，使用形式多样，消费者可以直接打开微信小程序扫描二维码使用。商家可以合理运用小程序的二维码宣传海报，让用户自发扫描关注本微信小程序，宣传成本和推广投入较低。已有文献开发出快速定位找到充电桩的微信小程序［1］。
  HTML5HTML5网页前端技术展现的外观形式更加注重易读性以及与艺术融合达成的美观性。通过结合CSS3，可便捷地完成设计任务［2］。一般是由HTML、CSS、JavaScript等作为基本构建项目语言，并可同时采用WebApplicationAPI、DeviceAPI等技术［3］。基于CGI静态的HTML页面可以通过JavaScript提供动态实时信息，对客户的操作进行反馈。随着HTML5的出现，JavaScript的功能已经扩展到编写后台开发，可避免HTML语言自身的弊端［4］。本文使用JavaScript配合HTML5来实现跨平台Web的应用开发。充电小程序的主界面主要由顶部导航栏、折叠面板和内容主体区域完成，底部设置功能按钮。主要使用HTML+CSS对页面进行美化，页面布局采用 Flex布局。这种布局方式会让页面变成弹性布局，不会因为手机尺寸变化而改变样式。折叠面板使用vant组件库中的collapse折叠面板，主体内容和底部功能按钮采用CSS中的定位功能，可将功能按钮区域定位在页面底部。
  VueVue是构建用户界面的框架，是一个轻量级的MVVM(ModelViewViewModel)，也就是数据的双向绑定，是基于数据驱动和组件化的前端开发，其采用自底向上增量式开发模式，使用更加灵活、开放，架构也更加简单，便于与库文件及已有项目进行整合［5］，是一种通过简单的API就能实现响应式的数据绑定和组合的视图组件。Vue是一个构建数据的视图集合，其只关注视图层，存储空间只有几十KB。Vue．js通过简洁的API来提供高效的数据绑定和灵活的组件系统。它由我国自主开发，使用中文技术文档，易于国人理解和学习。Vue．js通过组件，把一个单页应用中的各种模块拆分为单独的组件，只需先在父级应用中写好各种组件标签(占坑)，并且在组件标签中写好要传入组件的参数(就像给函数传入参数一样，这个参数叫做组件的属性)，然后再分别写好各种组件的实现(填坑)，应用开发就可以完成。Vue使数据的更改更为简单，无需进行逻辑代码的修改，只需要操作数据就可完成相关操作。
  CSS3CSS即层叠样式表。Web开发中采用CSS技术，可有效地控制页面的布局、字体、颜色、背景和其他效果。CSS3带有模块化的特点，增加了很多新特性和选择器，编写样式更加方便［6］。当前，移动端的产品种类越来越多，传统方式在构造移动端的样式时很困难，不同设备的屏幕宽度、高度不一致，所以要去适配不同屏幕宽度，开发过程比较繁琐。而CSS3引入全新的布局方式，即flex布局，它很好地解决了这个问题，其功能主要是当屏幕和浏览器窗口大小发生变化时，可以灵活调整布局;可以指定伸缩项目沿着主轴或侧轴，按比例分配空余空间，从而调整伸缩项目的大小，将伸缩容器额外空间分配到项目之前、之后或之间;可以指定将垂直于元素布局轴的额外空间分布到该元素周围，控制元素在页面上的布局方向，按照不同标准流所指定的排序方式，对屏幕上的元素重新排序。此外，还有其他很多灵活实用的属性。
  技术架构充电小程序的首页由四个文件组成，分别为index．wxss、index．wxml、index．json和index．js。其中，index．wxss主要是写CSS样式的，index．wxml主要是写布局结构的，index．json主要是页面的一些配置和引入组件的，index．js主要是处理业务逻辑的。本文借鉴Vue的设计思想，也就是将可复用的结构封装成组件，通过在需要的页面注册，该组件即可使用，以简化页面的代码结构。App．js是项目的入口文件，App全局函数掌握着程序生命周期。App．json是小程序的全局配置文件，页面的底部导航栏和顶部样式，可以在这里进行配置，每个页面已经配置的样式会覆盖全局的样式。App．css是全局的样式配置文件，用来配置全局的样式，同App．json一样，页面的样式会覆盖全局的样式。Service文件夹包含开发者封装的JavaScript文件，可将微信的网络请求进行封装，以简化代码。
  首页设计及使用流程用户扫描充电桩上面的二维码，即可进入小程序。首次进入小程序需要用户授权。由于微信平台不允许用户在首页
  被授权，所以当用户选择充电端口时，会跳转到授权页面，用户授权以后才可以正常使用充电小程序。授权之后，用户选择充电端口和功率大小，付款之后即可开始充电，并开始计费，如充电时间有剩余，根据剩余时间计算，返回至余额，下次继续使用。充电小程序首页利用移动端的flex布局和定位完成对页面的布局，使用vant－weapp组件开发各个模块。业务逻辑主要集中在首页，比如数据获取和支付逻辑。每个充电桩设备都映射为不同的设备编号，这些设备编号数据将保存到二维码，所以设备在小程序当前页面需要展示设备编号。在获取数据模块，主要采用Promise来对小程序官方的请求进行封装。然后，将获取的数据的JavaScript文件封装成可复用的JavaScript文件，以提高开发效率。充电小程序的首页界面如下页图1左侧所示。用户首次扫描二维码进入小程序时，会被要求进行授权登录，否则无法使用。用户选择充电端口，然后选择对应的充电功率，点击立即支付，即可下单开始充电。图中的1分钟代表每充电1分钟将花费0．01元。充电时间越长，代表功率越低，价格也越便宜。考虑到每个设备的编号不同，当用户退出充电小程序再次使用时，会跳到扫码界面。该界面调用了微信平台的扫码API，可识别二维码中的参数，读取参数中的设备编号，并跳转到首页，将设备编号显示到导航栏，便于用户再次使用。当用户授权登录后，顶部导航栏会显示当前设备编号，每个二维码都对应唯一的设备编号。余额栏指的是当用户扫码充电后，如果充电时间有剩余，则将余额直接退到用户的账户，下次登录时，用户可以直接使用。
  授权页面小程序授权页面主要是用来获取用户信息的，比如头像、微信昵称、位置等，主要利用微信官方平台提供的API完成用户信息的获取。当用户第一次扫码进入充电小程序，点击端口按钮时，会弹出授权登录页面，授权以后便不再弹出该界面，除非用户删除该小程序。
  扫码页面当用户需要再次使用的时候，下拉微信，可以直接进入小程序。此时，将弹出扫码界面，防止用户未扫码，出现设备不存在的情况。该界面主要利用微信官方的API来完成核心的逻辑，扫码界面如图1右侧所示。充电小程序的图标主要来自阿里巴巴的incofont字体图标库。获取首页数据之前需要调用后台的thirdlogin接口，请求成功之后会返回一个对象，利用sessioncookie字段，使用小程序缓存将其保存到本地。由于后续请求需要将其放在请求头里，以便让后端程序进行验证。
  在移动物联网时代，充电桩的需求日益增大，充电小程序可为充电桩服务，缓解广大用户出门在外充电的需求，可以促进互联网共享经济的发展。本文主要描述了基于微信平台API开发，采用HTML5、CSS3等前端技术的交互式共享充电小程序，阐述了具有较高实用性的前端技术的开发环境。其主要优点是所占存储空间小，客户端界面简单大方，用户上手容易，即用即走，无需安装，便于推广使用。在5G技术背景下，未来的移动应用将迎来大爆发，随着用户需求的不断增加，更新速度将更快，小程序应用将受到前所未有的市场考验。未来还需添加会员、充值等新功能，构建更多功能应用，使用户数据更加安全，并进一步尝试利用HTML5+CSS3+JavaScript的技术优势，更好地实现跨浏览器技术。
  

• 中小型外贸企业的发展现状
  在中美贸易摩擦的阴霾下，从124届广交会中，我们发现，本次的广交会不管是境外采购商，还是出口成交额都出现了双双下降的现象。从刚结束的125届广交会官方发表的数据来看，这一届广交会的境外采购商到会人数和出口成交总额还是比去年同期的数据稍微有些下降。其中，本届广交会有来自213个国家和地区的采购商，与会人数有195454人，相比2018年的春季广交会人数下降近、JAVA等进行测试脚本的录制工作[4]。
  2requestsrequests是由python编写的常用的网络请求http库。request代码编写简洁，功能十分强大。在python内置模块的基础上进行高度的封装，从而使得python进行网络请求时，变得人性化，使用requests可以轻而易举完成浏览器的任何操作。
  3ScrapyFrameworkScrapy是现在主流的数据爬虫框架，用以提取网络中的各种数据，有着较为广泛的用途。Scrapy常应用于数据挖掘、数据获取、数据处理数据存储等一系列过程。使用Scrapy框架可以很简单地实现从互联网中获取指定网站中的内容。
  4TesseractOCRTesseractORC（OpticalCharacterRecognition,光学字符识别）是一个用于文字图形转换的开源引擎，由HP实验室开发并由Google进行维护。它可以通过不断地进行机器训练，通过优化训练集，来改善结果集，从而获得自己想要的结果。2.1.5PEEWEEORMPEEWEE是python中常用的数据库映射模块，是一个轻量级的ORM，即对象关系映射（ObjectRelationalMapping，简称ORM）。其特点是通过映射关系对数据进行操作，使得对各类数据库能够实现兼容，通过映射来实现对数据库的各种操作，使用户对于数据库的使用成本大大降低。
  网络爬虫系统的开发是否成功取决于系统能否实现用户定制功能，达到预期设计目的。因此，在网络爬虫系统开发前，需要对该系统需求加以详尽分析，从而对整体设计有一个清晰的思路。目前，普遍适用的爬虫系统都是模块化的。模块化的程序设计有利于代码块的测试与维护，而且也进一步增加了代码的适用性。在此基础上，只要对各个模块进行组合，就能够构建出一个完整的爬虫系统。本文以获取学院教务系统中的课程表为例，开展模块化的编程设计。由于爬取教务系统中的数据前需要进行登录操作，所以想要获取系统中的相应信息就必须解决如何登录的问题，包括如何自动填入用户账户和密码、如何自动识别验证码等问题[5-6]。
  爬虫模块介绍要爬取页面的信息需要借助相应的爬虫模块，本文所使用到的模块包括：requests，python中常用的发起网络请求的模块；Scrapy，python中最主流的爬虫框架；peewee，轻量级ORM框架，用于python和Mysql等数据库的映射操作；selenuim，用于网页测试的模块，使用该模块来实现模拟登陆的环节；Pillow，python中常用的图片处理模块，使用该模块对验证码进行处理；Tesseract，python中图像识别的模块，利用OCR光学字符识别对验证码进行识别。
  流程分析（1）使用selenium模块调用浏览器打开指定页面，利用Xpath定位到用户名和密码输入框，并通过send_key()方法，填入用户名和密码。（2）使用Pillow模块配合selenuim截取页面中的验证码部分，通过Pillow对登陆验证码进行预处理。（3）使用Tesseract-OCR对验证码进行识别。（4）登陆到页面后保存Cookie和session，通过requests获取目标信息。（5）通过peewee框架将获取到的内容存放到Mysql。数据爬取流程如图1所示。
  为整合校内各平台数据资源，降低数据孤岛的影响，减少学生因校内平台众多所带来的不必要的操作，开发一款针对学生的信息管理微信小程序，使得学生们只需要通过手机移动端，便能获取到校内各平台数据。数据获取作为小程序构建最重要的核心内容，将通过数据爬虫的方式进行获取。本文以爬取教务系统中的学生课程表为例。学校的教务网站需要用户登录以后才能获取相应用户的信息，并且该网站的登陆验证采用的是4位数字加英文混合的验证码的验证模式。为了解决用户自动登陆的问题，其中如何能够准确地识别验证码将会是一个重点。登陆到页面后，需要获取目标信息——课程表。通过requests请求系统中的课程表页面URL获取相关的信息，通过对页面的分析，对目标页面发起请求，需要包含相关的cookie和header，否则将无法从目标页面获取想要的信息[7-9]。
  登录信息主要涉及到登录页面中的用户名、用户密码以及验证，只有三者皆输入正确后，才可以登录到后台的页面。其中用户名和密码为确定值，而验证码是一个随机值，在解决自动登陆的环节中，主要是解决验证码的问题。首先通过selenium操控浏览器打开教务系统网站，通过Xpath快速定位到网页中的用户名、密码和验证码的输入框。通过send_key()方法，将相关信息传入输入框内，验证的值则需使用第三方库进行机器识别。
  验证码图片是页面代码动态生成，只能通过selenium定位元素，并配合pillow的crop()方法进行截取。由于截取到的二维码背景带有感染，直接通过机器识别会降低识别率，所以要对图片进行预处理。通过pillow模块将截取的二维码图片进行二值化处理。图像的二值化，就是将图像上的像素点的灰度值两极分化(设置为0或255，0表示黑，255表示白)，也就是将整个图像呈现出明显的只有黑和白的视觉效果。目的是加深字符与背景的颜色差，便于Tesseract的识别和分割。对于阈值的选取，使用0和255的平均值。并通过处理再将背景的干扰项进一步清除，如图2所示。将预处理完的图片交由Tesseract-OCR进行机器识别[10]。
  登陆进系统后，获取到页面的cookie_jar，准备对目标信息进行获取，通过requests的get方法对目标url发起请求并携带相应的cookie信息，以获取需要的信息。但实际操作发现，并不能返回正确的结果。通过对网页的分析发现，在发起requests请求除了要携带cookie外，还需要有相应的header的referer信息。通过request携带相应的cookie和header后，便从目标url中获取到想要的数据。
  通过scrapy爬虫框架，对目标url发起requsets请求获取想要的数据，将获取到信息通过轻量级ORM的框架peewee，存储到目标Mysql中。