在产品原型设计中，经常会涉及到后台系统原型的设计，如何设计出更规范标准的后台系统原型，是很多产品同行们都会遇到的一个问题。本人结合自己实际的多个后台系统项目经历以及使用Axure的经验技巧，从方便维护和便于复用等角度出发，总结出了这篇关于后台系统原型设计的分享内容，希望能帮助到一些有需要的朋友们。 1。确定框架结构和布局方案 在正式开始设计一套后台系统原型之前，我们需要先确定它的框架结构。我们都知道产品的框架结构相当于它骨架，对于原型设计来说是同样的原理，当框架确定之后再填充完善里面的功能模块就会轻松很多了。后台系统的结构其实一般都比较固定，主要以下三个部分组成： 导航区域（Logo、导航菜单）； 功能区域（账户信息、系统消息、退出登录）； 内容区域（数据列表、录入表单）。 一般为了方便操作和在多个模块中快速切换，后台系统的导航区域和功能区域都是固定在页面的顶部或左侧的，主要的刷新区域只有内容区域。所以我的做法是将三个部分放在一个框架页面内，将内容区域使用内联页面进行链接，使用导航菜单实现内容页面的切换。这样的处理有几方面的好处： 方便对内容页面进行修改和维护，不需要在每个内容页面中管理导航区域和功能区域； 可以结合函数实现自适应的浏览效果（第二部分会详细说明）； 原型设计完成之后导出的文件会更轻量，加载起来会更快。 前面介绍到了后台系统的框架都比较固定，所以它的布局相对于前台产品来说其实更简单清晰，目前主流的一般都是上下结构或左右结构两种。这两种结构一般能承载大部分中大型后台系统的设计需求，在实际的项目中可以根据需要选择对应的框架。 以下是我使用Axure设计的一套后台系统模板，分别使用了两种布局方式（只是框架页不同，内容页面是同一套），其中的内容区域都使用了内联框架，点击演示地址可以进行体验。 左右结构框架 点击查看演示 图中的1为导航区域、2为功能区域、3为内容区域，使用内联框架链接。 上下结构框架 点击查看演示 图中的1为一级导航区域、2为功能区域、3为二三级导航区域、4为内容区域，使用内联框架链接。 2。在Axure中进行结构框架的搭建 如果我们已经选择了一套框架和布局方案，第二步就可以在Axure中建立框架页开始结构的搭建了。以上下结构的框架为例，在搭建框架时需要先新建一个顶部的动态面板（包含一级导航区域和功能区域）、一个左侧的动态面板（包含二三级导航区域）、一个内联框架。 图中的1为顶部动态面板、2为左侧动态面板、3为内容页面内联框架 界面中各部分元素的尺寸值分别是：顶部动态面板宽1366px，高50px、左侧动态面板宽200px、高800px，内联框架宽1166px、高800px。这套尺寸值并没有严格的标准，在实际设计时可以根据需要进行调整，但是内联框架的宽度的不能小于内容页面的尺寸，否则在演示时内联框架会出现横向的滚动条。除此之外，还需要进行下列设置。 在框架页面的样式中设置页面排列方式为居左对齐。 在左侧动态面板属性中设置自动显示垂直滚动条。 在内容框架属性中选择目标框架，框架目标为加载时的默认显示页面。同时设置框架滚动条为自动显示或隐藏，将隐藏边框选框勾选。 3。使用函数实现框架自适应效果 在完成框架结构的搭建并填充好菜单等基础元素之后，如果我们需要实现演示时框架像真实的后台系统环境一样在浏览器中的自适应效果该如何处理呢？这时我们需要用到动态面板的特性以及Axure的函数。 首先是顶部动态面板的处理，一般顶部区域都会有一个背景色，在动态面板的样式中设置背景色就可以了。 设置完背景色之后需要再在动态面板的属性中勾选100宽度，这样在预览时就可以看到顶部区域的背景在浏览器实现了100的填充效果。 实现框架自适应效果的关键是函数的运用，它的原理是运用页面窗口尺寸改变时获取浏览器窗口的高度和宽度，通过获取到的高度和宽度值改变左侧区域和内容框架的尺寸，实现在浏览器中的自适应效果。具体设置方法如下： 在页面属性中设置窗口尺寸改变时事件； 设置左侧菜单（左侧动态面板）高度为：〔〔Window。height50〕〕，50为顶部菜单的高度。例如浏览器窗口高度为800px，那么左侧菜单的高度是800px50px750px； 设置内容框架（内联框架）的高度为：〔〔Window。height50〕〕，50为顶部菜单的高度。例如浏览器窗口高度为800px，那么内联框架的高度是800px50px750px； 设置内容框架（内联框架）的宽度为：〔〔Window。width200〕〕，200为左侧菜单的宽度。例如浏览器宽度为1366px，那么内联框架的宽度是1366px200px1166px。 在页面属性中设置窗口尺寸改变时事件，利用函数实现自适应效果 以上就是通过动态面板和函数的设置实现的框架自适应效果的方法。其中有些细节可能需要大家在设计时进行一些摸索，不过如果你通过个方法搭建好了一个自适应的框架效果，是可以快速复用到其它类似的项目原型中的。 4。使用动态面板和函数快速设置多层级菜单 一般在后台系统中都会有多层级菜单，以上下结构的框架为例，顶部动态面板区域中的菜单为一级菜单，左侧动态面板为一级菜单对应的二级菜单。这个时候需要用到动态面板，实现点击一级菜单时，二级菜单进行状态切换的效果。一般的做法是在一级菜单中对应的元件上添加点击事件，设置二级菜单的动态面板为指定的状态。当有多个菜单的时候，单独去设置每个一级菜单的点击切换状态是很麻烦的，而通过函数则不需要对每个菜单进行单独设置。具体设置方法如下： 将二级菜单动态面板中对应的状态名称跟一级菜单的对应的元件文本内容修改为一致； 在一级菜单中对应的元件上添加点击事件设置二级菜单动态面板状态，选择状态为Value，设置状态名称或序号为：〔〔This。text〕〕； 这个设置的方法是能过〔〔This。text〕〕函数获取当前元件的文本，然后设置目标动态面板状态为当前文本对象。 只需要这两步就搞定了多层级菜单的快速设置，这个方法是动态面板结合函数的一个小的运用，大家只需要灵活运用可以用来处理很多类型的交互效果，相信会大大提升你的效率。 这篇分享主要介绍了关于后台系统框架的搭建，有兴趣的朋友可以参考一下其中的方法和技巧。为了便于大家能对一些知识点进行消化和理解，决定将这个分享分为上下两篇发出来。在下篇中我将介绍关于后台系统原型设计的一些规范和细节处理技巧，同时还会提供一个框架模板的源文件供大家进行参考，请有需要的朋友关注。 Axure函数对于首次使用的朋友来说能会稍感复杂，不过只要理解了它的设置原理也是能快速掌握的。如果能掌握一些基础函数的使用方法，是可以运用到很多原型相关的细节处理中的。本分享中只是涉及到了一部分基础函数的使用，如果需要了解函数的更多使用方法可以访问以下链接。 AxureRP8函数及运算符说明文档：http：www。axureux。comhomefunctions。html
女性患有宫颈糜烂要做哪些检查现在很多的女性都是非常担心自己会患有这种疾病的，因为在日常生活当中大部分的女性都会有这种疾病，那么女性患有宫颈糜烂要做哪些检查呢？1、妇科检查医生会将涂了的鸭嘴形状……作者创造秦可卿这一人物的用意究竟何在呢握红小札：刘心武的一吊红学研究在《红楼梦》里，某些淫荡的女人总是给现在的红学一种很特别的冲击力。比如说红楼二尤，比如说秦可卿而今就说说这擅风情、秉月貌的秦可卿吧，只……文姜的简介资料齐襄公和文姜乱伦文姜生平事迹故事文姜（未知前673年）文姜的资料中文名：文姜所处时代：春秋时期民族：华夏族出生地：山东临淄出生日期：未知逝世日期：前673年职业……曹操是个怎样的人关于曹操的性格特点《三国演义》塑造了一批典型而艺术的人物形象，而曹操这个人的争议也是比较多的。曹操性格的复杂、能力的全面、正邪的杂揉等方面，使其最难被人盖棺论定。曹操的性格特征超人的……抖音火爆昵称抖音网名简单干净的一、笑饮孤二、三、抓緊我。四、嘴硬欠吻五、梦死深蓝海六、姐、拽的比你有情调七、Fine（很好的）八、最美baby九、奢侈的爱情……你在热搜吃的瓜只会让你越来越饿昨天，同事跟我说：感觉自己越来越拖延了，之前半天就能完成的工作，现在总要一天，还经常拖到深夜。我问她原因。她说：我也不知道，就感觉到处都是吸引你注意力的热搜词条，本……喝的造句用喝的造句大全241。三人最后将喝的昏头晕脑的刘天扶回了他在外面住的房子。242。树欲静而风不息事实上，降价已经成了游戏业公司不得不喝的一杯苦酒。243。常为外孙女榨西瓜汁喝的外……虎步龙行造句用虎步龙行造句大全31。胖子一见林菲儿，简直是忘乎所以，虎步龙行地就奔林菲儿跑了过去。32。郭良人的声音洪亮，让所有人一致扭头，看向了虎步龙行，毫无惧意前来的龙骄阳身上。33。暗门之……得避开多少坑才能成为扎克伯格创业是份苦差事，无法准确计预知工作量和强度。为了成功，你需要：一个好想法（包括一个足够大的市场），一个好团队，一款好产品，以及强大的执行力。我们一直会对创业团队提供上述几……九个当红大网站最初上线时的模样再牛的网站也都曾土编者语：万丈高低平地起，任何事物从无到有的过程都会经历N次蜕变才会变成今天的耀眼模样。前阵子Facebook才欢度了十周年庆，万丈高楼平地起，再怎么大的网站都有最初的青涩……扭扭造句用扭扭造句大全121、如果经常做噩梦，掐厉兑穴，也就是第2个脚趾，再扭扭脚趾肚。122、开始表嫂给她买时尚一点的衣服，她藏在箱底不敢穿，在全家人的怂恿下，终于鼓起勇气在家里扭扭怩怩地走……老人掉牙多容易预防中风老人掉牙多容易预防中风。牙周细菌入侵人体血液系统后，血液中的免疫细胞在反击入侵者的过程中会产生一种胶状物质，这种物质依附在血管壁上，日积月累将阻塞血管，造成冠状动脉粥样硬化，从……