从零开始写一个WEB在线PDF 打印设计器 三(UI完成)

最新推荐文章于 2024-04-20 21:56:35 发布
最新推荐文章于 2024-04-20 21:56:35 发布
阅读量601 收藏
点赞数
分类专栏： 在线设计pdf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lhf214111967/article/details/108822393
版权

 

花了半天的时间布局+UI 完成了一个小版本.

个人觉得自己一直很有设计天赋(手动狗头)

个人是一个传统的eclipse老程序员了，比较喜欢这个名字和风格.

左边的属性栏，是叫 包资源管理器 ,右侧是数据控件(后期可能也会考虑放左边Tab)

右侧属性栏还未编写。大致布局如此.

接下来开始编写拖拽实现.

我只是一个coder
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
纯js在线WEB打印设计模块
09-05
纯js在线WEB打印设计模块,用来设计在线快递模板,打印配货单模板很不错.
reportdesign基于lodop的vue简单打印设计工具
08-10
reportdesign - 基于lodop的vue简单打印设计工具
web直接打印服务，解决前端打印烦恼
c_zhi_hui的专栏
01-15 2773
WebPrintServer是提供给前端开发者使用的打印服务插件，简单易用、功能强大、高效稳定、输出一致的打印控件/插件/服务，它带给开发者和最终用户的体验堪称完美。可以直接通过服务提供的api进行打印、打印预览、获取打印机列表、导出，等功能。
Peach-Printer Web 打印服务解决方案
最新发布
weixin_44115945的博客
04-20 511
Peach-Print是一套Web打印服务解决方案。打印后台组件基于JAVA平台；能适应各种操作系统的开发需求。支持预览、直接打印、导出PDF等功能，支持打印HTML，支持Table标签表头表尾分页；模版设计器操作简单方便，方便系统使用人团实现自主报表打印。
Winform可视化打印模板设计工具（含源码）
08-25
一、应用场景与出发点 同一个系统中，为了解决不同的客户可能需要设计不同的单据打印模板，实现此方法可能是： 1、设计不同的自带RDLC报表文件，根据当前客户加载不同的报表并打印 2、GDI+绘图 和 打印组件 ，不同的客户创建不同的绘图XML格式的模板内容 3、其他第三方组件 主要对比一下前两种方法，第一种方法不好之处在于，不灵活，开发者必须地每个客户制订一个报表，不推荐采用。第二种方法，修改对应的模板内容就可以了， 模板内容可以是Xml文件，也可以是存放在数据库中的Xml格式字符串。推荐采用这种方法。然后这种方法的也有一个棘手问题 ：如何让用户快速、方便地设计打印模板，本示例就是为了解决这个问题。 二、实现思路与原理 功能概要：设计一个界面，支持用户自由添加 要打印的项，文本，直线，图片 等，并且可以方便改变打印项的 字体、颜色、粗细、位置，设计时支持效果预览。 技术要点：GDI+绘图、拖动控件、XML解析、自定义控件 三、相关类介绍 绘图工具类：DrawHelper 实现 xml格式模板 与 打印项 之间进行互相转换，在目标画板中绘制 拖动工具类：WinHelper 实现控件的鼠标拖动，键盘移动 自定义控件：用于显示文字的文本框 TextBoxExt、用于显示直线的标签 LabelExt 主窗体代码：用于用户操作，添加，删除，编辑，打印项 详细介绍请参照我的博文：http://de.cel.blog.163.com/blog/static/51451236201472215450939/
Lodop实现web套打
weixin_30876945的博客
02-03 520
WEB套打可选方案不多，理想的更少，利用免费控件Lodop+JavaScript实现精确套打，算是较为经典的选择。这种方案其实比较简单，利用一个htm文件就可以实现模板设计过程，几乎是“空手套”式的开发，但理解这几个步骤还是需要点时间，下面一步步详细演示说明： 第一步：建立一个空白的模板设计文件 把以下超文本代码复制到一个本地htm文件中： <htm...
从零开始学jquery
02-24
【从零开始学jQuery】这个教程旨在帮助初学者全面理解并掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互，是Web开发中的常用工具。 ### (一) 开天辟地入门篇 在入门...
示例项目：使用Famo.us + Angular创建一个移动应用程序
04-07
8. **实际项目案例**：通过Sample-project-Use-Famo-us-plus-Angular-to-create.pdf，可能会提供一个具体的应用示例，展示如何从零开始构建一个功能完整的移动应用。 以上是基于标题和描述推测的详细知识点，实际...
Android 阅读器源码
11-19
这个"Android阅读器源码"提供了一个完整的解决方案，允许开发者快速整合到自己的项目中，节省了从零开始构建阅读器功能的时间和精力。下面我们将深入探讨这个源码中的关键知识点。 1. **UI设计**： - **书架界面**...
Bootstrap用户手册(清晰pdf)
01-16
同时，Bootstrap包含了大量预先设计的组件，如导航栏、按钮、模态框、表单、图像、警告框等，这些组件大大减少了开发者从零开始创建UI元素的工作量。 JavaScript插件是Bootstrap的另一个重要组成部分，它们扩展了...
使用vue进行Lodop打印的一些方法
字节叔叔
06-11 7216
一个基于 Vue、ElementUi、C-Lodop 的打印模板设计器。实现打印模板的设计、预览和打印功能。示例。
基于Web的可视化套打功能的设计与实现
12-26
基于html,css,jquery的套打实现方法
打印模板工具
02-28
史上最强打印单排版工具，使用后直接设置a4纸格式让后进行为所欲为的操作和排版
webprint 一个全面强大的web打印的解决方案
10-21
WebPrint是一个全面强大的web打印的解决方案。它可以直接在IE浏览器中可视化的设计各种复杂的打印模版， 轻松解决Web套打问题。也可以直接打印用ASP,JSP等动态程序生成的HTML页面。 WebPrint内含一个在vc7.0上开发的ActiveX控件（只有75k）, 这个控件主要实现对打印参数的控制，webprint使用户通过JavaScript脚本可以控制自定义纸张尺寸，打印方向，页边距等等属性。
Web打印的在线设计
weixin_30555753的博客
01-18 240
前一段时间，我根据自己的项目要求设计了一个Web打印控件，然后把它稍做修改，挂到网上，引起了大家的关注，有好多朋友还向我申请了注册，在此谢过了！以后我还会一样的给大家免费注册，大家一起共同促进Web打印更快捷，更强大。 这几天，我一直在研究Web打印，我觉得我的设计思路是对的。我们搞软件设计，无论是面对最终用户，还是面对程序员，良好的用户体验是软件成败的关键因素。具体对于打印...
从零开始写一个WEB在线PDF 打印设计器 二(UI设计思路)
lhf214111967的专栏
09-26 565
前面设计的思路写好了 这个时候开始设计ui 目前想的布局为 实现的设计思路 控件的主类型则分为： 1、无数据类型 Band、label 2、有数据类型 $P{field} $F{field}(用于循环遍历的detail) 左侧应该是上一篇文章写的 功能分类树形的菜单 工具栏则分为字体大小 ,加粗 , 颜色，斜体,删除线 ,预览，全屏 设计中心 和分类菜单的分类同 相关属性 选中不同类型的控件类型,展示不同的属性 ...
web端浏览器实现直接打印经验分享（带实例源码）
zhangxiaoyu138的博客
01-14 1万+
       做ERP的时候遇到个报表设计以及打印功能实现，客户的需求大致是：客户端电脑可以直接修改报表模板，点击打印按钮直接调用默认打印机打出报表。免去预览以及打印机设置如设置纸张大小，页眉之类。。。因为客户需要连续多次打印，如果有预览及打印设置，多点几次按钮，还要关闭预览页面，非常嫌麻烦。        实际开发中，第一步就是找个合适的报表控件。 1、 原来我们公司封装了一个很老的fast...
免费Web打印控件测试
weixin_30500289的博客
07-04 338
在WEB系统中，打印的确是个烦人的问题----特别是你的应用环境又有很多种类的打印机。如果自己开发打印控件，可能因为项目时间紧而来不及。前段时间有机会接触了一下WEB打印。在博客园、CSDN以及各个论坛上找了老半天，终于顺利的完成了公司项目。现在就结合我的应用体验，将市面上的所有的免费打印控件为大家做一个介绍。 1、DLPrinter 说到免费打印控件，就不得不说到博客园里的大拿永红所开...
web 打印插件 hiprint 使用
热门推荐
又是再见?
07-31 2万+
官网:http://hiprint.io/ demo:http://hiprint.io/demo/list 官网介绍: hiprint 是一个web 打印的js组件，无需安装软件。支持windows,macOS,linux 系统，支持移动端，PC端浏览器，angular,vue,react 等 分页预览，打印，操作简单，运行快速。预览界面为css+html 。支持数据分组，批量预览。生成pdf,图片更方便 设计界面截图; 优点: 浏览器设计打印; 打印服务不局限于 win;客户...
android 从零开始写systemui
01-06
要从零开始写Android的SystemUI，需要具备一些基本的知识和技能。首先，你需要熟悉Java编程语言和Android开发的基础知识。了解Android的Activity、Service、BroadcastReceiver等组件的用法和生命周期。 接下来，你需要理解SystemUI是Android系统的一部分，是用于管理和显示系统状态栏、导航栏等界面元素的应用程序。它需要与底层系统进行交互，并实现对其进行控制和更新。你可以参考Android源代码中的SystemUI模块，了解其结构和基本原理。 在编写SystemUI之前，可以先定义你的项目目标和需求。你可以思考你想实现的功能和界面样式。然后，创建一个新的Android项目，并启动一个新的进程用于运行SystemUI。你可以在AndroidManifest.xml文件中注册你的SystemUI服务组件。 接下来，你可以开始编写SystemUI的代码。你可以创建一个主Activity来加载和管理系统状态栏和导航栏的布局。可以使用Android提供的View类来创建和显示界面元素。你还可以利用Android系统提供的API来获取和更新系统状态信息。 在编写SystemUI时，你需要考虑到系统UI的响应性和性能。你可以使用线程和异步任务来处理后台操作，以避免阻塞UI线程。此外，你还可以使用Android的Notification和Broadcast机制与其他应用程序进行通信。 最后，你可以进行调试和测试你的SystemUI应用程序。你可以使用Android设备或模拟器来运行你的应用，并逐步验证功能的正确性和稳定性。 总结而言，从零开始编写Android的SystemUI需要对Android开发有一定的了解和经验。通过学习Android的基础知识、阅读源代码、分析需求和目标，你可以逐步构建一个可靠和功能丰富的SystemUI应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值