一周小结(你不要小看业务)

本文强调了业务在软件开发中的重要性,并指出忽视业务理解可能导致的问题。详细介绍了业务如何影响数据库设计及编码工作,进而影响整个软件产品的质量和灵活性。

工作依然在有条不紊的进行着,但是由于开发计划发生了一些变化,我们在本周多次加班来争取尽早完成当前的任务,及早的投入到下一个项目当中。本周我们的任务就是根据需求分析人员提供的需求分析说明书,创建Information模块的详细设计说明书,然后根据详细设计说明书,完成流程从创建开始到生命周期结束的编码工作。


详细设计是软件生命过程中很重要的过程,软件质量的好坏就是由它所决定的。详细设计包含了数据库设计,界面设计等过程。界面设计是软件设计中尤为重要的部分,如果界面设计不符合客户的要求,即使程序的运行效率再高,软件的架构是多么好,系统是如何的灵活,那么这个软件产品也是垃圾。数据库设计的重要性是仅次于界面设计的,因为它关于到系统的灵活性。良好的数据库设计,不但能够减少程序的编码,还能够让程序更加灵活。

界面设计一般都是由客户直接出来的,这个在设计上没有多大的难度。在美学上面,找专门的美工做些处理就可以了。而数据库设计则有很大的灵活性,一个系统中的一条业务,不同的软件师有不同的设计方案,虽然有多种途径可以实现我们想要的结果,但是如果按照数据库设计法则去设计,我们的编码工作量则会大大降低,而且又能够保证程序的灵活行。所以,为了保证程序的灵活性,应该将数据库设计的足够灵活。

而数据库设计又来源于业务,所以软件的重要性应该规划到业务的重要性。但是业务通常很难引起程序员的认真对待,因为业务不像程序听起来那样晦涩难懂,很多程序员在对业务有了一知半解之后,就自认为理解业务,然后开始Code的编码工作。等到编码需要处理业务时,又对业务产生迷惑,这时才真正理解了业务的重要性。这时又反过头来重来认真看需求分析,重新分析业务需求。

殊不知,业务需求直接关联到数据库设计,关联到系统的灵活性。如果业务理解的不到位,数据库设计可能就出现差错,相应的编码工作就是“豆腐渣工程”。如果重新正确理解了业务需求,就会出现两种结果:一是原有的基础上修改程序,使之兼容现有的业务。二是重新做数据库设计。第一种方法就会造成程序的灵活性降低,出现强耦合,系统模块的重用性和可移植性大大降低。第二种方法就要抛弃原有的程序,白白浪费原有的开发时间。无论采用哪种方法去弥补,耽误时间,影响系统的开发都是必然的。

做应用软件开发,业务是最重要的。切记不要因为业务容易理解就小看了业务。
### Vue2 中使用 `vue-print-nb` 打印预览内容过小的解决方案 在 Vue2 项目中,如果发现使用 `vue-print-nb` 插件时打印预览的内容显示过小,通常是因为默认样式未被正确覆盖或者打印机设置中的缩放比例不匹配。以下是详细的分析和解决方法: #### 1. **自定义 CSS 样式** 可以通过为需要打印的部分指定独立的样式来调整字体大小和其他布局属性。由于 `vue-print-nb` 的核心原理是通过 iframe 创建一个临时页面并注入目标 DOM 节点,因此可以利用媒体查询针对打印环境单独定制样式。 ```css @media print { #printTest { font-size: 16px !important; /* 设置更大的字体 */ line-height: 1.5 !important; /* 增加行间距 */ margin: 0 auto !important; /* 居中对齐 */ width: 90% !important; /* 控制宽度 */ } } ``` 此部分代码应放置于全局样式文件(如 `src/assets/styles/global.css` 或 `<style>` 标签内),以便在整个应用程序中生效[^1]。 --- #### 2. **动态配置 `extraCss` 参数** `vue-print-nb` 提供了一个参数 `extraCss`,允许开发者引入额外的 CSS 文件或嵌入样式的 URL 来影响打印效果。可以在组件的数据对象中定义该选项,并将其传递给插件实例化过程。 ```javascript export default { data() { return { printObj: { id: "printTest", extraCss: "/path/to/custom-print-style.css", // 动态加载外部CSS popTitle: "", // 页面标题 extraHead: "<style>body { zoom: 1.5 }</style>", // 内联HTML/CSS }, }; }, }; ``` 这里需要注意的是,`extraCss` 支持相对路径或绝对路径指向静态资源;而 `extraHead` 则可以直接写 HTML 片段用于增强控制力[^3]。 --- #### 3. **调整浏览器打印设置** 某些情况下,即使前端已经优化好所有视觉呈现逻辑,最终渲染出来的尺寸仍然偏小可能源于用户的浏览器设置了较低的比例因子(例如,默认值设为了70%-80%)。建议引导终端用户手动修改其设备上的首选项至标准模式(通常是100%)。 此外,在开发阶段测试不同分辨率下的表现也很重要,因为高 DPI 显示器可能会进一步放大这一现象的影响程度[^2]。 --- #### 4. **调试技巧** 为了更直观地观察实际执行情况以及验证上述更改是否有效果,推荐开启 Chrome 浏览器内置的功能——“模拟打印预览”。具体操作如下: - 右键点击任意区域 -> “检查”进入开发者工具界面; - 寻找顶部导航栏里的三个垂直排列的小圆点图标按钮打开更多菜单选项; - 下拉找到“More tools”->“Rendering settings...”,勾选其中一项叫做“Emulate CSS media”的开关并将右侧下拉框切换成“print”。 这样就可以即时看到当前网页按照纸张规格重新排版后的样子了。 --- ### 总结 综上所述,解决 Vue2 使用 `vue-print-nb` 出现打印预览内容过小的问题可以从以下几个方面入手:一是借助 @media 查询编写专门适用于打印场景的 CSS 规则;二是合理运用插件本身的扩展能力比如 `extraCss` 和 `extraHead` 字段来自由组合所需的表现形式;最后还要考虑到客户端层面的因素像屏幕密度差异或是个人偏好设定所带来的干扰作用。 ```html <template> <div> <button v-print="printObj">打印</button> <div id="printTest"> 这里是你想要打印的具体内容... </div> </div> </template> <script> export default { data() { return { printObj: { id: 'printTest', extraCss: '/static/css/print.css', // 外部样式表链接 extraHead: '<style>@page { size: A4 landscape; }</style>', // 自定义头部标签 }, }; }, }; </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值