叁月雪-CSDN博客

原创 Axure内联框架

Axure内联框架内联框架的位置是在default基本元件中，它的用法非常简单。（说的通俗一点，内联框架就是在固定的区域显示内容，如果显示不了可以拖动滚条移动到其他的部分。）内联框架主要是用来嵌入网页，用来跳转页面二.内链框架的属性设置1.属性_隐藏边框默认的内链框架都带有边框，属性上设置则可隐藏2.属性_取消滚动条默认的内链框架当调用的页面内容大于其窗口的时候，会出现滚动条。属性设置上可以取消滚动条的显示。3.属性_预览图片(设置内联框架在画布的默认图片)包括：无，视频，图片，自定义(导

2021-05-08 08:41:47 4376

原创 Axure动态面板

Axure动态面板动态面板：1.是一个容器2.动态效果3.限制显示区域4.可拖动和拖动5.注册表单中的根据焦点判断提示的效果：当焦点在输入框内的时候提示该表单栏目填写规范，当焦点离开输入框的时候根据填写的结果提示正确或者错误原因，这个需要动用高级设计交互编辑功能结合Axure的逻辑条件和设置变量功能来实现。简单的说，动态面板就是展示在页面不跳转的情况下所能实现的交互状态。而动态面板的每一个状态都可以看作是产生的一个新的交互结果。动态面板控件（Dynamic Panel）可以让你实现高级的交互

2021-05-08 08:37:22 1064

原创 Axure原型设计灯箱效果

Axure原型设计灯箱效果灯箱效果：拖拽4张小图片分别命名为1/2/3/4，如下图拖拽一个图片部件转换为动态面板命名为big-img，添加state1、state2、state3、state4并分别双击进去放好跟之前的1/2/3/4相同的图片；如下图：对名称为1 图片做交互：’鼠标单击时‘-设置面板状态-勾选动态面板img-state1；同时添加交互’显示‘-勾选动态面板img-state1-显示-灯箱效果-背景色设置为半透明黑色。如果有需要可以将动态面板-固定到浏览器-居中。复制图片1的

2021-05-08 08:28:08 1606

原创 Axure中继器

中继器作为复杂的元件，存在的理由只有一个：制作“高保真”的动态原型让我们再来思考一下“高保真”原型的2个核心：1、视觉保真度2、交互保真度视觉保真这个比较容易实现，只要原型和实际的UI图1:1的展示，就可以实现，但想要“交互保真”这里难度就要高的多了。例如碰到如下情况，制作起来就非常复杂了。一个中继器由如下3个部分构成：1、PC端产品中“表格”的交互动作，增、删、改、查、排序，翻页等数据功能的展示。2、APP产品中“列表”“信息流”等样式的多样性数据展示，翻页与加载效果等。这些“多数据”动

2021-04-28 08:50:18 519

原创 Layui 表格分页控件

分页模块 – layui.laypagelayPage 致力于提供极致的分页逻辑，既可轻松胜任异步分页，也可作为页面刷新式分页。快速使用laypage 的使用非常简单，指向一个用于存放分页的容器，通过服务端得到一些初始值，即可完成分页渲染：基础参数选项通过核心方法：laypage.render(options) 来设置基础参数。elem 类型：String/Object，默认值：无指向存放分页的容器，值可以是容器ID、DOM对象。count类型：Number，默认值：无数据总数。一般通过

2020-09-29 09:57:10 361

原创 Layui 日期选择控件

日期和时间选择器：layDate 中包含了大量实用的功能，其中主要以：年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器五种类型的选择方式为基本核心，并且均支持范围选择（即双控件）。快速使用和 layer 一样，你可以在 layui 中使用 layDate，也可直接使用 layDate 独立版，请按照你的实际需求来选择。在 layui 模块中使用下载 layui 后，引入layui.css和layui.js即可。通过layui.use(‘laydate’, callback)加载模

2020-09-29 09:55:53 1169

原创 Layui 弹出层模块

Layui 弹出层模块使用场景由于layer可以独立使用，也可以通过Layui模块化使用。所以请按照你的实际需求来选择。作为独立组件使用：如果你只是单独想使用 layer，你可以去 layer 独立版本官网下载组件包。你需要在你的页面引入jQuery1.8以上的任意版本，并引入layer.js。调用方式：通过script标签引入layer.js后，直接用即可。layui 模块化使用：如果你使用的是 layui，那么你直接在官网下载 layui 框架即可，无需引入 jQuery 和 layer

2020-09-18 16:03:36 398

原创 Layui 表格模块

Layui 表格模块快速使用创建一个table实例最简单的方式是，在页面放置一个元素 <table id="demo"></table>，然后通过 table.render() 方法指定该容器。如下所示：基础参数基础参数并非所有都要出现，有必选也有可选，结合你的实际需求自由设定。cols - 表头参数如果你采用的是方法渲染，cols 是一个二维数组，表头参数设定在数组内；如果你采用的自动渲染，表头参数的设定应放在 th 标签上异步数据接口数据的异步请求由以下

2020-09-18 16:01:29 155

原创 Bootstrap4模态框组件

**Bootstrap4模态框组件**运行原理弹出模态框是用HTML、CSS和Javascript构建的，它们位于文档中其它表现元素之上，并从<body>中删除滚动事件，以便模态框自身的内容能得到滚动。点击模态框的“backdrop”（灰背景区域），将自动关闭动态模块框。Bootstrap一次只支持一个模态窗口，不支持嵌套模式，因为那样叠加会造成用户体验不佳。模态框使用 position: fixed，在呈现上与其它元素相比有很大不同。尽可能将弹出模态框的HTML放在顶级位置，以避

2020-09-08 16:31:40 451

原创 Bootstrap4表单组件

**Bootstrap4表单组件**表单(Forms)Bootstrap提供了一些表单控件样式、布局选项，以及用来创建广泛多样化的的表单的自定义组件，以下是示例和使用指南。概览Bootstrap的表单控件使用了 CSS样式重置，使用这些Class类来自定义显示，以便跨越浏览器和设备获得一致的呈现。确保在输入框上使用正确的 type 属性（如email 用于电子邮件地址或 number 用于数字录入) 从而利用较新的录入控制，包括诸如电子邮件验证、号码选择等。以下是演示Bootstrap表单样

2020-09-08 16:27:44 409

原创 Bootstrap4基础布局02

**Bootstrap4基础布局02**栅格系统：Bootstrap包含了一个强大的移动优先的网格系统，它是基于一个12列的布局、有5种响应尺寸(对应不同的屏幕)，支持Sass mixins自由调用，并结合自己预定义的CSS、Js类，用来创建各种形状和尺寸的布局。机制原理Bootstrap的网格系统使用一系列div容器的行、列来布局和对齐内容，不同于旧版3.0，新版是完全基于flexbox流式布局构建的，完全支持响应式标准。下面的示例，可以让我们深入了解网格如何组合在一起。<div c

2020-08-28 15:28:58 251

原创 BootStrap4基础布局01

**BootStrap4基础布局01**BootStrap布局概述:Bootstrap包含了一些供项目使用的组件和选项，包括外包裹容器、强大的网格系统、灵活多变的媒体对象和响应式的工具类。Container容器Container容器是窗口布局的最基本元素，推荐所有样式都定义在.container或.container-fluid容器之中-- 这是启用整个栅格系统必不可少的前置条件，它们分别对应选择一个响应式的、固定宽度的容器，或者选择一个流式自适应浏览器或容器最大合法宽度的窗口（意味着任何时候它

2020-08-28 15:24:38 205

原创修改、删除数据库数据

**修改、删除数据库数据****修改数据库表的数据：**5、获取需要修改的数据获取从页面传递的数据，通过表接收传递的数据最好先对需要修改的数据进行验证，确保数据不为空String.IsNullOrEmpty()判断指定的字符串是否是空或者空格如果传入的参数为空或者空格则返回true否则返回false2、判断修改的数据是否和数据库中的数据重复Count可以返回序列中的元素数量也可以返回指定表中满足条件的数据条数可以用于数据的查重这里需要传入两个条件，因为查重的时候需要

2020-08-18 11:45:03 446

原创 VS新增、查询数据库数据

新增、查询数据库数据**新增数据库表的数据：**1、获取需要新增的数据获取从页面传递的数据，通过表接收传递的数据最好先对需要新增的数据进行验证，确保数据不为空String.IsNullOrEmpty()判断指定的字符串是否是空或者空格如果传入的参数为空或者空格则返回true否则返回false2、判断新增的数据是否和数据库中的数据重复Count可以返回指定序列中满足条件的元素数量也就是返回指定表中满足条件的数据条数可以用于数据的查重3、验证完成后就可以向数据库的表中添加数

2020-08-18 11:41:23 2082

QwQ_HGC的博客