当前位置:首页 > 行业观点 > 详情
sousuo
sousuo

生字词自动生成汉语拼音+田字格页面,并在线打印的php功能程序

上传时间:2022-11-08            浏览次数:1205

最近帮小孩子做一个拼音田字格生字词的word,用于默写生字词,发现操作过程比较繁琐。一方面是田字格不好控制,另外一方面是拼音音节不好打字出来。所以基本上就花了半个小时才做好一个单元的生字词。

后来想,为什么不找一个API,自动获取拼音加声调。然后再通过打印页面的方式来制作这个生字表呢?说干就干,做一个可以自动把生字词转为带拼音格的生字词汉语拼音+田字格。

第一步:写样式

用html+css做一个田字格页面的样式。样式和代码部分如下:

这些都相对基础,不用写太多。总的思想就是田字格用图片作为背景,为了方便后续适配两个字的、三个字的、四个字的词语,所以我们是每一个田字格,做一格div,这样后续如果字多的,就可以多放几个田字格了。

第二步、做打印功能

直接写原生js打印,可能会遇到一系列问题,不如说样式加载不进来,需要写的css,全部都写到html中,这样操作难度大。所以我们选择了jquery.print.js插件来进行打印。

样式需要传到服务器上,这样才可以获得css链接网址,实现外置css渲染打印层。部分代码如下:

第三步:找一个汉语转拼音的api,写到php程序里即可进行汉字转拼音功能。

这里有一个插曲,我们找的是百度翻译的api,后来发现需要申请企业账号,才可以有中文翻译拼音的功能。而且如果是超过2个词语,他就不会出拼音了,于是想了个办法:

做一个词语和拼音的字典库,搞定!成品如下:

如果您也需要制作类似功能,欢迎与我们联系。也可以根据您的要求定制制作。微信咨询:13526646200 帮您定制任何想要的功能。

本文作者:野狼优优

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询

发表评论
请遵守网络文明公约,理性发言
访客头像

还没有人来评论,快来抢个沙发吧!

0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们