美文网首页
打印小项目的总结(一)

打印小项目的总结(一)

作者: _查漏补缺_ | 来源:发表于2017-05-01 21:19 被阅读0次

前言:

作为一个练习的小项目,自我感觉几番波折。现在做到不到两周时间,对我这个只接触编程行业几个月的菜鸡,也颇有收获。

一、

首先,在基本毫无想法的基础上开始了摸索之旅。

写了几张的需求分析,感觉整个东西不大好做,主要原因是大脑基本处于空白。

怎么做?第一步代码写什么?怎么写?要怎么搭个框架?...

基本确定了以下的三步:

  1. 能够打印固定的模板。
  2. 动态打印。
  3. 数据导入打印。

在没有什么把握的情况下,编写了项目进度计划(等于没什么计划)。

想要先要调用打印机,于是各种baidu怎么调用打印机,三天时间下来,后台调用打印机的想法成空,最终使用前端技术,还是调用了浏览器的打印功能,相当于window.print()解决了一切。

二、

因为想着要做一个,标签设计,即就是能够设计模板的软件,想了各种方法,看了网上各种标签设计的软件,自我能力评估感觉完成不了。最终确定了使用模板打印,而不是设计模板,感觉这个是可以做的,但是其中还有一些小问题需要解决。

建了一个自我认为有层次的目录结构,作为前端的项目。自此开始了前端的旅途。

lib目录下引入了jquery、bootstrap、jquery-ui、jqueryArea,src目录下存放开发写的相关文件。原本是打算做一个简单的主页面,将三个模板的操作在这个主页面显示。三个模板页面写的还相对顺利,基本完成之后,结果在使用iframe标签时碰到了页面间传值的问题。在研究了大半天的时间后无果,听取前端人员的建议,最终还是将三个页面直接整合在了一个页面 上。

在整合时感觉三个页面分别按照自己的模板录入数据时,太次于是花费了大半天的时间,研究了整合成为一个三个表单共用一个表单录入数据,这样看起来就稍微漂亮一点。

三、

最难解决的部分属于打印时样式的控制。

  1. 打印整页和打印数据
    打印整页比较好搞定,打印数据相当于是要搞定套打。
    这个套打着实费了一波脑力,最终通过打印时控制标签的透明度,扣出了数据。
  2. 保证打印的数据和打印出的模板位置对住
    解决办法:将数据放到<span>,将<span>变为行内块元素,设置元素下边框显示,并设置长度一定,这样的话无论数据模板要填入的位置在哪里,数据都会与之对应在哪里显示,不会随意改变位置。这样就保证了套打的位置正确性。

四、

基本上到这里,打印的这个基本功能就达到我的预期,只是页面设计上还是有比较大的缺陷。
对于前面iframe的页面传值还是有相当兴趣研究的,因为我个人觉的好多东西放在一个页面总显得很乱,我利用周末时间好好研究了一下这个东东,发现这个东东可以解决。
但是对于这个小项目暂时就不再去做改动了。因为无聊的工作量。

新的知识总是很诱惑人的
这里奉上解决iframe页面传值的demo(别人的项目地址):
http://biqing.github.io/MessengerJS/

相关文章

  • 打印小项目的总结(一)

    前言:作为一个练习的小项目,自我感觉几番波折。现在做到不到两周时间,对我这个只接触编程行业几个月的菜鸡,也颇有收获...

  • 打印小项目的总结(二)

    继上次信函打印之后,这个小项目需要完全移植到vue+webpack的项目中,中间经历很多波折,找了很多打印的小窍门...

  • 关于webpack的react项目优化

    这几天有空给自己写的一个react小项目的webpack配置进行优化,在这里进行一下总结。项目地址:https:/...

  • 用树莓派和 CUPS 打印服务器将你的打印机变成网络打印机

    用树莓派和 CUPS 打印服务器将你的打印机变成网络打印机。 我喜欢在家做一些小项目,因此,今年我买了一个 树莓派...

  • HTTP: 状态码

    对于我这种写小项目的人来说,对于状态码的认识就只停留在 200 和 404。今天就写篇博客总结一下其他的状态码。 ...

  • 小项目总结

    1.概述 这次做一款短小精悍的赚钱app。产品一周的原型图设计之后,周五下午开会(12月18日),一番头脑风暴...

  • 某小项目的死亡

    大约两年前,我做了一个线下分享项目。又大约是出于对自己运用所谓“互联网思维”改变现实世界的自信,我召集了一伙互联网...

  • 21天C语言代码训练营(第七天)

    上一篇中,我们学习了如果打印一年12个月日历,这段代码已经有一个小项目的样子了。最后留的练习题很多人邮件反馈说太难...

  • 29 - littleAlbum小项目的实现

    使用MVC搭建架构(分层)models文件夹controller文件夹views文件夹public/static文...

  • 新用户留存提升增长案例复盘

    笔者通过复盘自己去年做的一个增长案例——QQ浏览器资讯新用户留存的增长,总结出一套增长方法论,比较适合小项目的局部...

网友评论

      本文标题:打印小项目的总结(一)

      本文链接:https://www.haomeiwen.com/subject/heeqtxtx.html