一种全新的软件界面设计方法

最新推荐文章于 2024-04-16 22:49:44 发布
最新推荐文章于 2024-04-16 22:49:44 发布
阅读量6.1k 收藏
点赞数
分类专栏： 组件技术－原理及应用 文章标签： 扩展 behavior webbrowser stylesheet html delete
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aweay/article/details/55352
版权

一种全新的软件界面设计方法

撰文:Aweay

你可转载，拷贝,但必须加入作者署名Aweay，如果用于商业目的,必须经过作者同意。

下载实例代码

关键字：COM MySpy IE SetUIHanlder IcustomDoc IDocHostUIHandler GetExternal

前言

作者在解决各种问题的时候喜欢首先使用C++ Builder来尝试，这篇文章也是这样，但这并不影响其他开发工具的使用者阅读，因为这都是微软的开发技术，选择什么工具并不重要，我们理解了他的原理可以使用任何工具实现同样的功能。

正文

使用过VC.Net的朋友可能知道，在VC.Net中全新提供了一种基于Web的界面设计方法，不过可能真正用到的人很少，至少我在国内的软件中没有看到过这样的界面设计方法。当初使用VC.net的时候就希望BCB的下个版本可以加入这样灵活的界面设计方法，但是到现在还没有等到，我想也不能一直这样等下去，于是就自己研究其中的实现方法，终于让我研究出来。这篇文章就是讨论这样方法，以及在软件设计设计中的可行性。

说了这么多，可能还有朋友不知道这样的界面到底有什么不同，有什么优点呢？如果你也有同样的好奇感的话，请你继续看下去。

在Windows2000下，大家经常使用控制面板/添加、卸载软件的对话框就是基于这样的界面(Xp下暂时不清楚），我不说出来可能很少有人知道－那个对话框整个就是个网页？什么你不相信？如果是网页为什么能和本地的计算机程序交互？为什么不能选择网页里面的文字？为什么不能弹出右键菜单？如果是网页，那它的html代码在那里？

为了证明上面的说法，我们需要一些特殊的软件，这个软件就是作者写的MySpy，可以到作者的站点(http://siney.yeah.net)免费下载使用，我们可以从MySpy的界面中看到添加/删除程序的对话框是个Internet Explorer_Server，这说明它是个网页，

在MySpy的Web页面还可以看到这个页面的地址是：res://sp3res.dll/default.hta,

近一步使用MySpy得到这个网页的代码（不能直接右键获取代码），部分如下：

<HTML xmlns:ctls><HEAD><TITLE id=ARP>添加/删除程序</TITLE>

< META http-equiv=Content-Type content="text/html; charset=gb2312"><BASE href=res://appwiz.cpl/><LINK href="arp.css" type=text/css rel=stylesheet>

<STYLE>>ctls/:PLACES { behavior: url(places.htc); }ctls/:LISTBOX { behavior: url(listbox.htc); }ctls/:ACCEL { behavior: url(accel.htc); }.PlacesBar {background-color:threedshadow}.Hide {display:none}.NonClientBackground {                          background-color: buttonface;}.Header {                                       padding-bottom: 5px;vertical-align: text-top; }.GroupImage {                                   margin-right: 5px;}.GroupDesc {padding-left: 1em;padding-right: 1em;}.AppNameRow {}.AppImageTD {width: 20px; padding: '4px 2px 2px 2px';}.InfoPane {                                     padding-top:4px;                            vertical-align: top;}.PropLabel {width: 7em;padding-top: 2px;padding-bottom: 2px;padding-right: 3px;text-align: right;}.PropValue {width: 6em;text-align: right;padding-right: 7px;}.AddPropLabel {padding-top: 2px;padding-bottom: 2px;padding-right: 3px;text-align: right;}.AddPropValue {width: 13em;text-align: right;padding-right: 7px;}.ButtonDescPane {                               padding-top: 5px;                           padding-bottom: 7px;padding-right: 5px;}.ButtonPane {                                   width: 15em;                                padding: 5px;                               text-align: right;}.FakeAnchor {cursor:hand;}#idClientCatName {font-weight: bold;padding-bottom: 1ex;}.disabled {color: graytext;}#idTblExtendedProps.Focus {color: highlighttext;}</STYLE>

 

嗬嗬，是不是很神奇呢，这只是一个应用的例子，其实还有很多软件的界面使用了上面的方法来创建界面，比如Norton AntiVirsu,MS Visual Studio.net，C# Builder等。其实深入仔细思考的话，这样的界面最困难的是如何和本地代码交互，为什么在网页里点一个按钮能执行自己的代码呢？有过COM编程经验的人，可能会想到用COM编写一个外部对象，在网页中使用脚本创建这个对象，然后调用对象的方法似乎可以完成这样的功能？但是这里有很多不好的地方：

1.         需要注册COM的本地运行安全，否则IE会有安全警告，这肯定是最终用户不愿意看到的；

2.         用户可以轻松从html代码里获得COM对象的使用方法（就像上面用MySpy获得代码一样），这样他们可以轻松使用你的COM对象完成他们自己的界面，这样不够隐蔽，不安全。

也许还有更多不好的地方，但暂时作者没有想到，因为微软及其他软件公司都不是这样做的，他们也许知道更多。下面我们就来讨论一种既安全又隐蔽的实现方法。

从IE4开始，微软提供了一个ICustomDoc接口，ICustomDoc的SetUIHandler允许用户设置一个基于IDocHostUIHandler的接口来接管界面处理器，在IDocHostUIHandler提供了很多的虚拟方法，需要程序员来重载他们实现不同的定制功能，这里有一篇文章详细介绍了这些信息http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/hosting/wbcustomization.asp，在这里我们需要重载GetExternal方法来扩展IE DOM，如果我们成功的扩展了DOM，那么我们就这可以这样编写html代码来实现与本地程序交互，例如：

<script language="JScript">

function MyFunc()

{

??? external.HelloWorld(); //HelloWorld是我们扩展的方法

}

</script>

<html>

<head>

<SCRIPT language="JScript">

function MyFunc()

{

    external.HelloWorld(); //HelloWorld是我们扩展的方法

}

</SCRIPT>

</head>

<body>

<input type="Button" value="Show hello world" onClick="MyFunc();" />

</body>

</html>

HelloWorld就是我们扩展的一个方法，当点击按钮的时候external对象会调用HelloWorld方法调用本地代码，对于external对象则会调用上面提到的GetExternal方法来查询是否提供了扩展，下面是如何实现GetExternal方法来实现扩展external对象，代码如下：

class MyDocHandler :public IDocHostUIHandler

{

  long refcount;

public:

  MyDocHandler() :refcount(1){ }

  virtual HRESULT STDMETHODCALLTYPE QueryInterface(REFIID classid, void** intf) {

    if (classid == IID_IUnknown)

    {

      *intf = (IUnknown*)this;

      AddRef();

    }

    else if (classid == IID_IDocHostUIHandler)

    {

      *intf = (IDocHostUIHandler*)this;

      AddRef();

    }

    else if (classid == IID_IDispatch)

    {

      *intf = (IDispatch*)this;

      AddRef();

    }

    else

      return E_NOINTERFACE;

    return S_OK;

  }

  virtual ULONG STDMETHODCALLTYPE AddRef() {

    InterlockedIncrement(&refcount);

    return refcount;

  }

  virtual ULONG STDMETHODCALLTYPE Release() {

    InterlockedDecrement(&refcount);

    if (refcount == 0)

      delete this;

    return refcount;

  }

  //返回S_OK，屏蔽掉右键菜单

  virtual HRESULT STDMETHODCALLTYPE ShowContextMenu(

    /* [in] */ DWORD dwID,

    /* [in] */ POINT __RPC_FAR *ppt,

    /* [in] */ IUnknown __RPC_FAR *pcmdtReserved,

    /* [in] */ IDispatch __RPC_FAR *pdispReserved) {

        return S_OK;

    }

  virtual HRESULT STDMETHODCALLTYPE GetHostInfo(

    /* [out][in] */ DOCHOSTUIINFO __RPC_FAR *pInfo) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE ShowUI(

    /* [in] */ DWORD dwID,

    /* [in] */ IOleInPlaceActiveObject __RPC_FAR *pActiveObject,

    /* [in] */ IOleCommandTarget __RPC_FAR *pCommandTarget,

    /* [in] */ IOleInPlaceFrame __RPC_FAR *pFrame,

    /* [in] */ IOleInPlaceUIWindow __RPC_FAR *pDoc) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE HideUI( void) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE UpdateUI( void) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE EnableModeless(

    /* [in] */ BOOL fEnable) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE OnDocWindowActivate(

    /* [in] */ BOOL fActivate) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE OnFrameWindowActivate(

    /* [in] */ BOOL fActivate) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE ResizeBorder(

    /* [in] */ LPCRECT prcBorder,

    /* [in] */ IOleInPlaceUIWindow __RPC_FAR *pUIWindow,

    /* [in] */ BOOL fRameWindow) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE TranslateAccelerator(

    /* [in] */ LPMSG lpMsg,

    /* [in] */ const GUID __RPC_FAR *pguidCmdGroup,

    /* [in] */ DWORD nCmdID) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE GetOptionKeyPath(

    /* [out] */ LPOLESTR __RPC_FAR *pchKey,

    /* [in] */ DWORD dw) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE GetDropTarget(

    /* [in] */ IDropTarget __RPC_FAR *pDropTarget,

    /* [out] */ IDropTarget __RPC_FAR *__RPC_FAR *ppDropTarget) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE GetExternal(

    /* [out] */ IDispatch __RPC_FAR *__RPC_FAR *ppDispatch) {

      *ppDispatch = new MyCommandHandler();

      return S_OK;

    }

  virtual HRESULT STDMETHODCALLTYPE TranslateUrl(

    /* [in] */ DWORD dwTranslate,

    /* [in] */ OLECHAR __RPC_FAR *pchURLIn,

    /* [out] */ OLECHAR __RPC_FAR *__RPC_FAR *ppchURLOut) {

        return E_NOTIMPL;

    }

  virtual HRESULT STDMETHODCALLTYPE FilterDataObject(

    /* [in] */ IDataObject __RPC_FAR *pDO,

    /* [out] */ IDataObject __RPC_FAR *__RPC_FAR *ppDORet) {

        return E_NOTIMPL;

    }

};

上面重载了ShowContextMenu方法屏蔽掉右键菜单，使用户不能得到网页代码，关于GetExternal是这样实现的:

  virtual HRESULT STDMETHODCALLTYPE GetExternal(

    /* [out] */ IDispatch __RPC_FAR *__RPC_FAR *ppDispatch) {

      *ppDispatch = new MyCommandHandler();

      return S_OK;

    }

可以看到只是简单返回了MyCommandHandler对象，MyCommandHandler必须继承自IDispatch接口来实现支持自动化的调用方式，它是这样实现的：

class MyCommandHandler : public IDispatch

{

  long refcount;

public:

  MyCommandHandler() :refcount(1){ }

  virtual HRESULT STDMETHODCALLTYPE GetTypeInfoCount(

            /* [out] */ UINT *pctinfo){

    return S_OK;

  }

  virtual HRESULT STDMETHODCALLTYPE GetTypeInfo(

      /* [in] */ UINT iTInfo,

      /* [in] */ LCID lcid,

      /* [out] */ ITypeInfo **ppTInfo){

      return S_OK;

  }

        virtual HRESULT STDMETHODCALLTYPE GetIDsOfNames(

            /* [in] */ REFIID riid,

            /* [size_is][in] */ LPOLESTR *rgszNames,

            /* [in] */ UINT cNames,

            /* [in] */ LCID lcid,

            /* [size_is][out] */ DISPID *rgDispId){

            *rgDispId=1;

            return S_OK;

        }

        virtual /* [local] */ HRESULT STDMETHODCALLTYPE Invoke(

            /* [in] */ DISPID dispIdMember,

            /* [in] */ REFIID riid,

            /* [in] */ LCID lcid,

            /* [in] */ WORD wFlags,

            /* [out][in] */ DISPPARAMS *pDispParams,

            /* [out] */ VARIANT *pVarResult,

            /* [out] */ EXCEPINFO *pExcepInfo,

            /* [out] */ UINT *puArgErr){

            if(dispIdMember==1)

            {

              MessageBox(0,"Hello World","Hello",0); //place your code here

              frmweb->Edit1->Text="Hello World(这也可以？)";

            }

            return S_OK;

        }

  virtual HRESULT STDMETHODCALLTYPE QueryInterface(REFIID classid, void** intf) {

    if (classid == IID_IDispatch)

    {

      *intf = (IDispatch*)this;

      AddRef();

    }

    else

      return E_NOINTERFACE;

    return S_OK;

  }

  virtual ULONG STDMETHODCALLTYPE AddRef() {

    InterlockedIncrement(&refcount);

    return refcount;

  }

  virtual ULONG STDMETHODCALLTYPE Release() {

    InterlockedDecrement(&refcount);

    if (refcount == 0)

      delete this;

    return refcount;

  }

};

如果大家了解一些COM知识，我们知道这里关键的是GetIDsOfNames和Invoke方法的实现，因为自动化对象只能通过这样的方式来调用，而不能使用函数指针直接调用虚拟方法，GetIDsOfNames查询指定的函数名的调用ID，就是说如果有一个方法是“HelloWorld”，那么它会先调用GetIDsOfNames方法来查询这个方法是否支持，如果支持则给出该方法的调用ID（通过修改rgDispId[out]参数），如果不支持则返回E_NOTIMPL，他的实现简单如下：

        virtual HRESULT STDMETHODCALLTYPE GetIDsOfNames(

            /* [in] */ REFIID riid,

            /* [size_is][in] */ LPOLESTR *rgszNames,

            /* [in] */ UINT cNames,

            /* [in] */ LCID lcid,

            /* [size_is][out] */ DISPID *rgDispId){

            *rgDispId=1;

            return S_OK;

        }

这里我们假定了只有一个扩展函数HelloWorld，如果有多个，我们需要比较rgszNames参数的函数名返回不同的调用ID，有了调用ID，实现Invoke方法就很简单了：

virtual HRESULT STDMETHODCALLTYPE Invoke(

            /* [in] */ DISPID dispIdMember,

            /* [in] */ REFIID riid,

            /* [in] */ LCID lcid,

            /* [in] */ WORD wFlags,

            /* [out][in] */ DISPPARAMS *pDispParams,

            /* [out] */ VARIANT *pVarResult,

            /* [out] */ EXCEPINFO *pExcepInfo,

            /* [out] */ UINT *puArgErr){

            if(dispIdMember==1)

            {

              MessageBox(0,"Hello World","Hello",0); //place your code here

              frmweb->Edit1->Text="Hello World(这也可以？)";

            }

            return S_OK;

        }

根据dispIdMember的不同实现不同的代码，如果方法是有参数的可以在pDispParams中取得，如果有什么不明白可以参考MSDN和一些COM的书籍，这里就不详细解释了。

最后我们要做的就是使我们的浏览器知道我们扩展了external，代码如下：

  dochandler = new MyDocHandler;

  webBrowser->Navigate(WideString(L"E://Projects//extWeb//ext.htm"));

  while(webBrowser->Busy)

      Application->ProcessMessages();

  ICustomDoc *custdoc;

  webBrowser->Document->QueryInterface(&custdoc); //取得IcustomDoc接口

  if (custdoc)

  {

    custdoc->SetUIHandler(dochandler); //设置我们自己的界面处理器

    custdoc->Release();

  }

注意上面的粗体“我们的浏览器”，因为这样的扩展仅针对与自己程序里使用WebBrowser控件，不影响IE本身的扩展，也就是说那个ext.htm文件只能在我们的程序中有效，就算其他用户得到了这段htm代码也不能正常运行的，如果你想测试，你得到的是：

因为他们并不知道如何扩展external对象，这点就解决了刚才我们说的使用COM的问题。

说句实话设计这样界面还是有一定难度的，那么它在实际开发中到底有什么好处呢？我想至少有以下几点：

1.       界面设计和程序逻辑设计分离，美工可以和程序员一起工作，界面设计再也不是没有审美细胞程序员的问题；

2.       轻松实现Skin功能，界面的改变不需要重新编译代码，只需要换一个不同htm代码文件就可以；

3.       再也无法使用Spy工具获得窗体Handler做各种Hook，使你的程序运行的更安全；

4.       充分使用IE现有技术，搭建功能更强大的软件；

5.       使你的软件看起来更酷，更专业。

怎么样？心动了吗？赶快改善你的界面吧。如果你有更多想法，可以通过 siney@yeah.net 取得联系。

Siney
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
一种全新的软件界面设计方法(续).docx
12-08
一种全新的软件界面设计方法(续)
java中栈区、堆区、数据区和代码区
qq_37089829的博客
10-09 606
栈区：主要用来存放局部变量, 传递参数, 存放函数的返回地址。.esp 始终指向栈顶, 栈中的数据越多, esp的值越小。 堆区：用于存放动态分配的对象, 当你使用 malloc和new 等进行分配时,所得到的空间就在堆中。动态分配得到的内存区域附带有分配信息, 所以你 能够 free和delete它们。 数据区：全局，静态和常量是分配在数据区中的，数据区包括bss（未初始化数据区）和初始化数据区。 ...
如何做好软件界面设计？2个方法一次掌握！
FourxiYuanzi的博客
02-20 2008
好的软件界面设计要做到清晰、舒适、美观。要想做好软件界面设计，需要遵循软件界面设计的 4 大原则：清晰、高效、一致、明了。同时还需要不断的临摹优质的软件界面设计，取长补短，渐渐精进自己的软件界面设计能力！
用户界面设计的一些方法和基本原则
wubaohu1314的博客
10-22 4683
文／ openself什么是用户界面？用户界面(UI，User Interface)也称人机界面，是人机交互、操作逻辑和界面表现的整体设计。每一种设计都有其对应的职业角色，其中，人机交互的设计人员叫做用户研究工程师，操作逻辑设计人员叫做交互设计师，界面表现设计人员叫做视觉设计师。本篇我们所指的用户界面设计，特指界面表现部分的设计，仅此一点，设觉设计师就不应该是“美工”那么简单。因为用户界面的表现质量与用户体验直接相关，是产品最接近用户的的部分，是产品的“脸”。既然跟用户体验相关，就必须要有用户思维，...
class MSyDocHandler
World of iOs
03-10 582
/**  @class MSyDocHandler  Mixin interface class that is intended to be overridden in an inherited class.  Default stub implementations of all the functions are provided to make it easier   to inherit
freemarker导出Word，文本，可循环表格，合并单元格，可循环图片，目录更新（一）
weixin_44723536的博客
05-28 2111
vf
软件界面设计工具_3款合集
06-29
GUI Design Studio是一款图形用户界面设计工具，您能用它在不需要编写任何代码或脚本的情况下快速地创建演示原型。使用标准元素绘制个人化的屏幕、窗口以及控件；将它们整合以展示操作工作流然后运行模拟程序测试您...
基于MCU的俄文界面软件设计
06-18
以俄文界面软件设计为例,首先获取所需俄语字母的点阵图形,建立俄语字库集合,以满足界面设计时数据显示组帧需求;其次建立一种有规可循的编码比照方法,编排各字母占位的先后关系,依次重组点阵数据、组建字库集合;最后...
交互设计是一种思维过程
03-04
最近常常收到一些童鞋们的来信，经常询问的问题集中在：如何成为一位交互设计师？...一位交互设计前辈曾说设计思维的局限有时在于太拘泥于面前的那个“方块”，如果你把面前的二维方形界面转化一个思维，将
全新的界面设计
qq_36042918的博客
03-31 179
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
界面设计的方法和指导原则
09-09
软件界面设计需要有一定的指导原则，需要了解大众用户的思维习惯和操作习惯。。。
史上最详细的JS脚本调用VC自定义函数资料(含完整源码)
11-25
史上最详细的JS脚本调用VC自定义函数资料 看完准保不后悔 可以节省你很多时间的 实现原理： 利用BHO实现IDocHostUIHandler接口和IDispatch接口 通过BHO拦截网页加载完毕事件,将自己的IDocHostUIHandler接口设置给网页 网页中的JS脚本在调用window.external.abc("asdfa")时触发IDocHostUIHandler接口的GetExternal函数,并将IDispatch接口中abc()函数的接口放回给Js脚本 目前网上并没有如此完美的整套代码,我也是通过网络上只字片解的资源进行的整理和调试. 这份代码我花费了整整一个星期的时间才整理完毕,希望能给用到的人们有所帮助 QQ:280713743 里凡 2011年11月25日
gui界面设计的方法
06-22
基于MATLAB图像处理中gui平台界面设计的方法。该实验平台主要包括图像处理中的几何变换、图像增强、图像平滑、边缘与分割、假彩色编码等模块内容，其中，几何变换模块主要包含了图像平移、图像镜像、图像旋转、图像错切、比例缩放、复合变换等功能；图像增强由线性变换、行对数变换、直方图均衡化、直方图规定化、索引/二值图像等5个功能块组成；图像平滑主要包括模拟噪声生成、邻域平均、中值滤波、巴特沃斯低通滤波、指数型低通滤波、梯形低通滤波、Sobel 算子滤波、空域高通滤波等功能模块；边缘与分割分为图像分割、Hough变换、边缘检测等3个模块；假彩色编码包括RGB空间伪彩色编码、灰度彩色变换法编码和频率伪彩色编码等三个功能模块。
界面设计方法 (2) — 4.界面设计的原则与标准
李鸿君专栏
01-14 1239
前面介绍了5种基本的界面形式，如果从构成界面的要素（构件）层面看，实际上所有的界面都是一样的，因为它们都是由同样的控件构成的，只是控件的位置不同而已，因此就有必要对界面的布置进行统一的标准化，建立了界面布置的标准后设计效率会提升、同时也为界面设计资料的复用奠定了基础。 界面设计的标准化非常重要，因为界面是用户认知系统的窗口，这个标准实际上是构建“人-机-人”工作环境的标准之一，标准化的界面形式也可以减少用户的认知负担和培训成本。这里给出一些界面设计上的基本原则和标准供作参考。
软件界面设计思想方法
热门推荐
wzk456的专栏
03-04 5万+
15.1什么是好的软件界面 简而言之，好的软件界面应当是易用的和美观的。易用是交互设计的主要目标，美观是视觉设计的主要目标，交互设计和视觉设计完成后，最终靠编程来实现可运行的软件界面。 15.1.1易用 易用性是指用户使用软件的容易程度。计算机软件诞生之初，主要用途是科学计算，那个时期几乎没有界面，只有计算机专业人员才能使用命令行来操作软件。之后出现了图形用户界面，例如Windo
用html写文本变形动画
liulang68的博客
04-15 201
【代码】用html写文本变形动画。
HTML 入门
最新发布
lvshihao_的博客
04-16 615
全称：Internet Engineering Task Force（国际互联网工程任务组），成立于1985年底，是一个权威 的互联网技术标准化组织，主要负责互联网相关技术规范的研发和制定，当前绝大多数国际互联网技术标准均出自IETF。全称：World Wide Web Consortium（万维网联盟），创建于1994年，是目前Web技术领域，最具影响力的技术标准机构。超文本：暂且简单理解为 “超级的文本”，和普通文本比，内容更丰富。注意：文档声明，必须在网页的第一行，且在 html 标签的外侧。
html2pdf,qrcode库及url参数拼接
m0_45093055的博客
04-16 177
html2pdf 是一个可以将 HTML 内容转换为 PDF 文件的库。它通常用于前端或服务器端，将网页或 HTML 字符串转换为可打印或可分享的 PDF 格式。这对于需要将网页内容保存为 PDF 或者生成报表等场景非常有用。text参数在qrcode库中不是直接表示页面路径，但你可以将页面路径（URL）作为文本内容传递给toDataURL函数来生成一个指向该页面的二维码。此篇文章主要是对html2pdf,qrcode库及url参数拼接的零散整理。
html中的“居中”问题详解（超全）
前端全栈大佬
04-12 965
本文将深入探讨HTML中各种居中问题，从基本的文本居中到元素居中布局，涵盖了各种常见的情景和解决方案。通过本文，读者将能够全面理解HTML中的居中技巧，为其网页设计和开发提供实用的指导和建议。
工控界面ui设计软件
08-30
2. Wonderware InTouch：是一款功能强大的HMI/SCADA软件，支持多种数据通信协议和图形化界面设计。 3. InduSoft Web Studio：提供了可视化开发工具，支持多种平台和设备，可以创建高度可定制的工控界面。 4. ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值