用html来设计应用程序的UI

最新推荐文章于 2022-12-08 10:12:02 发布
最新推荐文章于 2022-12-08 10:12:02 发布
阅读量979 收藏
点赞数
文章标签： html 扩展 behavior webbrowser stylesheet delete

关键字：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代码来实现与本地程序交互，例如：






<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 取得联系。

Juvexp
关注
html ui设计案例
不了了之之了之
09-10 1432
jquery ui
如何在HTML5中创建UI应用程序？
04-04
HTML5是现代网页和应用程序开发的核心技术之一，它极大地扩展了HTML4的功能，引入了许多新的元素、属性和API，使得创建交互式用户界面（UI）变得更加便捷和高效。本篇文章将详细阐述如何在HTML5中构建UI应用程序，...
软件设计方案--软件设计方案
06-09
软件设计方案 用户界面设计规范 用户界面：又称人机界面，实现用户与计算机之间的通信，以控制计算机或进行用户与计算机之间的数据传送的系统部件。 GUI：即图形用户界面，一种可视化的用户界面，它使用图形界面代替正文界面。 本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明。用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便地使用本应用系统。 1、界面设计介绍 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。 1）软件启动封面设计 应使软件启动封面最终为高清晰度的图像，选用的色彩不宜超过256色，大小多为主流显示器分辨率的1/6大。启动封面上应该醒目地标注制作或支持的公司标志、产品商标、软件名称、版本号、网址、版权声明、序列号等信息，以树立软件形象，方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的、象征性强的、识别性高的、视觉传达效果好的图形，若使用摄影也应该进行数位处理，以形成该软件的个性化特征。如果是系列软件还将考虑整体设计的统一和延续性。 2）软件框架设计 软件的框架设计要复杂得多。软件框架设计应该简洁明快，尽量少用无谓的装饰，应该考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮、菜单、标签、滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配，将软件商标放在显著位置，主菜单应放在左边或上边，滚动条放在右边，状态栏放在下边，以符合视觉流程和用户使用心理。 3）软件按钮设计 软件按钮设计应该具有交互性，即应该有3到6种状态效果：点击前鼠标未放在上面时的状态；鼠标放在上面但未点击的状态；点击时状态；点击后鼠标未放在上面时的状态；不能点击时状态；独立自动变化的状态。按钮应具备简洁的图示效果，名称易懂，用词准确，能望文知意最好，让使用者产生功能关联反应，群组内按钮应该风格统一，功能差异大的按钮应该有所区别。
软件设计方案 (界面设计)
热门推荐
大米时代 李东龙
11-24 1万+
用户界面设计规范 用户界面：又称人机界面，实现用户与计算机之间的通信，以控制计算机或进行用户与计算机之间的数据传送的系统部件。 GUI：即图形用户界面，一种可视化的用户界面，它使用图形界面代 替正文界面。 本系统坚持图形用户界面（GUI）设计原则，界面直观、对用户透明。用户接触软件后对界面上对应的功能一目了然、不需要多少培训就可以方便地使用本应用系统。 1、界面设计介绍 界面设计是为了
一种全新的软件界面设计方法
zgqtxwd的专栏
04-27 344
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
HtmlUi:使用HTML用户界面创建桌面C＃应用程序的框架
05-15
HtmlUi是用于使用HTML用户界面创建桌面C＃应用程序的框架。 概述 该框架使用库来呈现UI，并使用C＃将控制器与UI连接起来。 对于UI上的客户端，该框架目前仅支持 。 每个AngularJS控制器都与C＃控制器链接，因此C＃...
Bootstrap邮箱管理社区博客后台管理系统ui模板html静态网站应用程序后台模板
最新发布
01-07
Bootstrap邮箱管理社区博客后台管理系统ui模板，功能齐全，使用了现代web技术HTML5、CSS3和jQuery。 附带了各种组件、必要的ui元素和预构建页面，可帮助您更快地创建web应用程序后台模板。
SwiftUI格式文本：一个简单的概念验证SwiftUI应用程序，它使用SwiftUI Text元素呈现类似HTML的语言
02-06
SwiftUI是苹果推出的一种强大的声明式用户界面框架，用于构建iOS、macOS、watchOS和tvOS等平台上的用户界面...通过自定义扩展和转换逻辑，我们可以让SwiftUI应用程序更好地适应各种复杂的文本格式需求，提高用户体验。
软件设计方案模板.doc
03-31
针对软件项目制定的，软件设计方案模板。简单实用，条目既齐全，又不会繁琐。符合实际，可以直接在工作中使用。
非常全的软件设计方案
03-15
信息系统设计方案，软件设计方案，包含：系统架构设计、项目开发和管理工具、软件生命周期各阶段的工艺、项目任务分解和人员分工、应用系统培训方案、软件项目费用结构、软件实施方案、软件试运行方案、售后服务。 设计方案通用于其他系统方案，有111页
完整的软件设计方案框架.doc
05-25
方案涉及全面，从前期架构设计和软件开放步骤到后期软件实施和运行方案框架全部包括
用HTML页面做程序界面演示程序
09-19
用HTML页面做程序界面演示程序用HTML页面做程序界面演示程序
windows程序用html做ui,wpf – 用于创建令人惊叹的Windows桌面应用程序的UI库的选择...
weixin_42467428的博客
06-24 379
我假设我们谈论的是桌面软件而不是Windows应用商店应用.如果我在这里弄错了,那么答案或多或少都是一样的.构建商店应用程序可以降低复杂性,但基本原则和流程是相同的.WPF绝对是最佳选择.你可以做任何你能想象的事情,从3D到复杂的故事板动画等等.WPF允许你以一种可管理和可扩展的方式组织一个复杂的样式任务.除了WPF是一个伟大的框架,我甚至不知道任何替代,这并不意味着没有任何替代. Windows...
燕山大学——软件用户界面设计（六）以用户为中心的设计
weixin_50533561的博客
06-24 2014
【优点：为项目提供了按阶段划分的检查点；当前一阶段完成后，只需去关注后续阶段；可在迭代模型中应用瀑布模型；它提供了一个模板，这个模板使得分析、设计、编码、测试和支持的方法可以在该模板下有一个共同的指导缺点：各个阶段的划分完全固定，阶段之间产生大量的文档；由于开发模型是线性的，用户只有等到整个过程的末期才能见到开发成果，从而增加了开发风险；突出缺点是不适应用户需求的变化】.........
用DevExpress实现基于HTML&CSS的桌面应用程序的UI（三）
需要界面开发、IDE工具研发中文教程资料的小伙伴，记得私信我~
12-08 452
本文将为大家介绍如何使用DevExpress WinForm组件实现基于HTML&CSS的桌面UI，欢迎下载最新版体验~
放弃winform的窗体吧，改用html作界面，桌面应用程序UI的新的开发方式。
weixin_33721344的博客
07-25 2140
做过很多winform项目，都为winform控件头疼不已。想实现一些漂亮的样子总是很难。我这里列举几个缺点： 1.winform控件大多是 绝对布局 ，你需要给出准确的坐标。那么在实现居中效果就会很难。 2.学习成本，也了解各个控件的结构，属性等。要想更熟练的掌握需要很多时间。 3.实现界面的成本，调整各个窗体，控件的样式到原型图的效果要用很长时间。 4.维护，需要懂得WINFROM的程...
前端控制台html,前端实战之用户控制台
weixin_33617691的博客
06-26 287
这是一个模仿简书风格的用户设置页面实现页面基本设置页个人资料页面黑名单页面密码重置页删除账号页依赖第三方工具BootStrap框架jQueryHTML代码×{{$root.msg}}设置基础设置个人资料修改密码黑名单删除账号选择常用编辑器 切换后对新建文章生效富文本编辑器Markdown编辑器头像 更换头像ng-file-select="fileSelect($fi...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值