首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

基于Vue的电商后台管理系统「建议收藏」

项目初始化 安装Vue脚手架 通过vue ui命令启动可视化窗口对Vue脚手架进行配置(需事先安装好Vue),命令键入成功后,会自动弹出配置页面,选择手动配置,勾选Babel(将高级JS语法转换为低级语法...在data中创建表单验证规则对象 表单绑定验证规则 测试,当输入非法账户,进行提示 重置功能实现 当点击重置按钮,账号和密码输入框的内容将会清空。...给登录按钮添加点击事件,当用户点击登录按钮,如果当前所输入的账号信息合法,则允许向服务器发送登录请求,服务器根据请求信息检查当前账号是否正确,并返回响应信息,客户端通过返回的响应信息做出相应响应,即若账号密码错误则提示登陆失败...实现导航守卫功能 至此,登录功能基本实现,但存在一个bug,即在用户未登录的情况下,在地址输入http://localhost:8080/#/home地址,也可以跳转至后台。...航守卫功能 至此,登录功能基本实现,但存在一个bug,即在用户未登录的情况下,在地址输入http://localhost:8080/#/home地址,也可以跳转至后台。

1.8K20

测试用例(功能用例)——完整demo(一千多条测试用例)

行为人 资产管理员 UI界面 资产借还:列表页 资产借还:资产借用登记窗口 资产借还:“资产归还”窗口 资产借还:“资产借用单详情”窗口 业务规则 资产借还列表页: 点击左侧导航中的...,弹出层中的供应商名称过长,尾部字符截断使用…表示);选中的供应商名称较长,尾部字符截断使用…表示; 品牌:必填项,默认为“请选择”,点击“>”弹出层中选择品牌(来自品牌字典中“已启用”状态的记录...>”弹出层中选择存放地点(来自存放地点字典中“已启用”状态的记录,弹出层中的存放地点名称过长,尾部字符截断使用…表示);选中的存放地点名称较长,尾部字符截断使用…表示; 资产图片:非必填;格式为常见图片格式...(若原供应商名称较长,折行显示;若原供应商已禁用,则显示“请选择”),点击“>”弹出层中选择供应商(来自供应商字典中“已启用”状态的记录,弹出层中存在较长名称的供应商,尾部截断使用…表示); 品牌:...,则显示“请选择”),点击“>”弹出层中选择存放地点(来自存放地点字典中“已启用”状态的记录,弹出层中存在较长名称的存放地点,尾部截断使用…表示); 资产状态:固定为“正常”,只读不可修改; 资产图片

5.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

PyCharm入门教程——用户界面导览「建议收藏」

当您第一次运行PyCharm或没有打开任何项目,PyCharm将显示欢迎屏幕,允许快速访问主要入口点。打开项目,PyCharm将显示主窗口。...主工具复制了主菜单的基本命令,以便快速访问。默认情况下,主工具是隐藏的。要显示它,请主菜单中选择查看工具。 Navigation bar ——项目工具窗口的快速替代。...使用它可以浏览整个项目并打开文件进行编辑。 使用View导航隐藏或显示导航;按Alt+Home将应用程序焦点移到导航。...3.Navigation bar 导航项目工具窗口的替代项。 4.Context menus 右键单击可用的上下文菜单包含适用于当前上下文的命令。...Navigation bar View | Navigation Bar Alt+Home 导航项目工具窗口的快速替代方案。 在的左侧,您可以浏览项目并打开文件进行编辑。

3.3K10

基于DotNet构件技术的企业级敏捷软件开发平台 - AgileEAS.NET平台开发指南 - 对象设计器使用帮助

窗口中共包括了5个不同的工作区:系统菜单、工具、功能导航、业务工作区、系统状态,系统中的所有业务功能均可通过系功能导航访问操作。...导航        系统导航上列举了项目中的数据对象组织机构,可以在导航上增加新的数据对象、删除现在数据对象,设置项目属性等功能。       ...新建项目        打开文件菜单的新建或者工具条上的建新按钮,对象设计器新建一个数据模型项目,并重置导航和工具区。 ?...打开项目        使用文件菜单中的打开或者工具条中的打开按钮,弹出文件打开对话框: ?        选择文件系统已经存在的项目文件并打开,系统根据模型文件重置导航和清空工作区: ?...数据库连接参数用于数据库生成数据对象连接数据库服务器,目前支持SQL2000/2005/2008/Oracle数据库。

1.2K50

Cocoa编程中视图控制器与视图类详解

initWithRootViewController:[[MyViewController alloc] init]];   [window addSubview:nav.view];   UINavigationController如何推入和弹出视图控制器...推入时,新的视图控制器右方滑入屏幕(假定animated:YES)。向左指的Back后退按钮出现,可返回到上一步,且Back按钮用的是上一个视图控制器的标题。 2....可使用popToRootViewControllerAnimated:BOOL直接弹出到根视图控制器。 6. 设置导航的按钮并不是去设置导航本身。...)和标题(title)、用于显示标题的视图(titleView),以及用于当前视图向后导航的Back按钮(backBarButtonItem)和隐藏后退按钮(hidesBackButton)。...注意:对于导航定制,对定制实际标题的最简单方式使用子视图控制器而不是导航项的title属性: C代码   self.title = @"Hello";   self.title = [[[NSBundle

5K50

React Native的Navigator详解

,并且重置整个路由栈 immediatelyResetRouteStack(routeStack) 该通过一个路由页面数组来进行重置路由栈 popToRoute(route) 进行弹出相关页面,...跳转到指定路由的页面,弹出来的页面会被卸载删除 popToTop() 进行弹出页面,导航到栈中的第一个页面,弹出来的所有页面会被卸载删除 Navigator.IOS NavigatorIOS包装了UIKit...的导航功能,可以使用左划功能来返回到上一界面。...tintColor : 导航上按钮的颜色设置。 titleTextColor : 导航上字体的颜色 。 translucent : 导航是否是半透明的,true/false。...pop() : 返回到上一个页面。 popN(n) : 一次性返回N个界面,当n = 1 ,即相当于pop()方法的效果。 replace(route):替换当前的路由。

1.8K100

IDEA快捷键拆解系列(一)

本系列最顶部的导航,以及周围、中间区域的快捷键提示开始讲起。在此之前,请记住非常重要的一个快捷键: Alt + 下划线那个符号。 ?...中间区域的快捷键 中间提示区域快捷键 作用 快捷键 拆解 Search Everywhere Double Shift 全局搜索,按两下Shift弹出此界面,再按两下Shift可以搜索非当前项目的文件(...(返回使用ESC) Go to File Ctrl + Shift + N 搜素文件,按Ctrl+Shift+N弹出此界面,再按一下Ctrl+Shift+N可以搜索非当前项目的文件,右上角还可以设置搜索的文件类型...左右方向键用于左右跳转,上下方向键用于切换,Enter用于打开选择 Recent Files Navigation Bar Alt + Home 跳转到项目导航,也可以通过这种方式进行文件切换和打开...(折叠)结构窗口,一般用于查看类结构 左边(Favorites) Alt + 2 快速展开(折叠)书签窗口,一般用于查看书签 下边(Run) Alt + 4 项目正常运行的时候会有此窗口 下边(Debug

66530

React Native的Navigator详解

,并且重置整个路由栈 immediatelyResetRouteStack(routeStack) 该通过一个路由页面数组来进行重置路由栈 popToRoute(route) 进行弹出相关页面,...跳转到指定路由的页面,弹出来的页面会被卸载删除 popToTop() 进行弹出页面,导航到栈中的第一个页面,弹出来的所有页面会被卸载删除 Navigator.IOS NavigatorIOS包装了UIKit...的导航功能,可以使用左划功能来返回到上一界面。...tintColor : 导航上按钮的颜色设置。 titleTextColor : 导航上字体的颜色 。 translucent : 导航是否是半透明的,true/false。...pop() : 返回到上一个页面。 popN(n) : 一次性返回N个界面,当n = 1 ,即相当于pop()方法的效果。 replace(route):替换当前的路由。

1.8K100

基于DotNet构件技术的企业级敏捷软件开发平台 - AgileEAS.NET平台开发指南 - 系统管理使用教程

窗口中共包括了5个不同的工作区:系统菜单、工具、功能导航、业务工作区、系统状态,系统中的所有业务功能均可通过系功能导航访问操作。         ...功能导航          系统导航上列举了系统中所有的业务功能模块,你可以通过功能导航访问系统中的所有业务功能,进行相关的业务处理。         ...功能导航默认显示在系统主界面的左边,如果你想让业务工作区更大些,以便有更大的界面空间处理业务功能,你可以在进入相关的业务功能模块后,通过系统菜单或工具导航命令隐藏或显示功能导航。...帐户列表 帐户列表是进行帐户管理的主窗口“根目录\系统\内置组件\系统管理”文件夹中找到“系统帐户列表”,双击该图标,将打开系统帐户列表。 ?         ...(3) 修改          选中要修改属性的帐户类型,列表的主菜单中选择“帐户>属性”,或者点击工具上的“属性”、或者右键点击要修改的帐户类型,选择“属性”,弹出如下的对话框: ?

2.4K60

明瞳智控最佳实践--国标设备实战接入

设备国标协议上云流程 如何快速接入国标设备 ? 如何将国际IPC(网络摄像头)配置和接入至明瞳智控服务? 本文将以海康威视IPC接入流程为例。 步骤1:创建项目 1. 登录 明瞳智控控制台。...在左侧导航中,单击项目管理,进入项目管理页面。 3. 单击创建项目。 4. 在弹出窗口中,设置如下主要信息,单击保存,创建一个 GB28181 类型的项目空间。...备注:项目是用于纳管设备的逻辑空间,各项目空间底层是互相隔离的 步骤2:创建设备 1. 在左侧导航中,单击项目设备管理,进入项目设备管理页面。 2....单击下拉框,选择刚创建的 GB28181 项目空间。 3. 单击创建设备。 4. 在弹出窗口中,自定义设备名称、设备密码,选择设备组织。 5. 单击保存,完成设备添加。...进入配置页面,在左侧导航中单击高级配置,选择平台接入,按照如下信息配置并保存。 步骤5:启动拉流 1. 切换至明瞳智控控制台,刷新设备总览页面。 2.

46140

最新iOS设计规范三|3大界面要素:(Bars)

当点击进入新页面,其导航的左侧会出现一个返回按钮,并带有前一页面的标题。 有时,导航的右侧也会有一个控件,如“编辑”或“完成”按钮,用于管理活动视图中的内容。...例如,“邮件”使用更简洁的术语(例如“标记”和“草稿”)每个邮箱的标题中省略了“消息”一词。 不要在侧边中显示超过两个层次的层次结构。...所有页面的标签应保持相同的高度,并且在弹出键盘隐藏。 标签可能包含N个标签,但可见标签的数量因设备大小和方向而异。...在弹出窗口中选择选项卡不应导致弹出窗口后面的视图发生变化。 使用标记进行轻微提示。...例如:在Safari中,当你开始滚动页面,工具会自动隐藏,因为你可能正在阅读。你还可以点击屏幕底部让它再次出现。当弹出键盘,工具也会被隐藏。 ?

9.8K10

安卓 design-使用返回和向上导航

对用户来说,认真遵照“返回”和“向上”的指导准则可让应用的导航更可靠、更符合预期。 Android 2.3 及更早的版本使用系统返回按钮来支持应用内的导航。...在 Android 3.0 中引入操作后,出现了第二种导航机制:即向上按钮,由应用图标和左向箭头构成。 “向上”按钮用于根据屏幕之间的层级关系在某个应用内部导航。...例如,如果屏幕 A 显示项目列表,并且选择某个项目会调出屏幕 B(该屏幕显示项目的更多详情),则屏幕 B 应提供可返回屏幕 A 的“向上”按钮。...系统的“返回”按钮用于按照用户最近操作的屏幕历史记录,按时间逆序导航。...它通常基于屏幕之间的时间关系,而非应用的层级关系 “返回”按钮还支持与屏幕间导航并无直接关联的一些行为: 清除浮动窗口(对话框、弹出窗口) 清除上下文操作,并取消高亮显示所选项目 隐藏屏幕键盘 (IME

59310

Flutter质感设计之底部导航

底部导航包含多个以标签、图标或两者搭配的形式显示在项目底部的项目,提供了应用程序的顶级视图之间的快速导航。对于较大的屏幕,侧面导航可能更好。...同时使用质感设计的弹出菜单控件切换底部导航的行为和样式。...类的列表 * 返回此迭代的每个元素的底部导航项目 * 创建包含此迭代的元素的列表 */ items: _navigationViews .map((NavigationIconView navigationView...((){ // 存储底部导航的布局和行为:选择值 _type = value; }); }, // 点击弹出菜单中显示的项目时调用 itemBuilder: (BuildContext context...) = <PopupMenuItem<BottomNavigationBarType [ /* * 弹出菜单中的显示项目 * 返回值:底部导航的布局和行为 * 子控件:文本控件 */ new PopupMenuItem

3K21

Flutte部件目录-Material Components 顶

应用程序结构和导航 按钮 输入和选择 对话框,弹出框和面板 信息显示 布局 查看Flutter窗口小部件目录中的更多小部件。...底部导航由文本标签,图标或两者的多个项目组成,并放置在一块材料的顶部。 它提供了应用程序顶级视图之间的快速导航。 对于更大的屏幕,侧面导航可能更适合。...导航的背景色是默认的材质背景色ThemeData.canvasColor(实质上是不透明的白色)。 BottomNavigationBarType.shifting,有四个或更多项目的默认值。...所有项目均以白色呈现,并且导航的背景色与所选项目的BottomNavigationBarItem.backgroundColor相同。...final fixedColor → Color 底部导航为BottomNavigationBarType.fixed所选项目的颜色. [...]

9.4K40

IntelliJ IDEA 2022 for Mac(最好用的Java开发工具)v2022.2.1汉化激活版

当您希望将每个调用的类型视为具有泛型的长方法链的类型提示,这尤其有用。- 配置快速文档以与自动完成一起弹出现在可以将快速文档配置为与自动完成一起弹出。...只需启用“ 首选项/设置” 中的“ 显示文档弹出窗口...”选项 编辑| 一般| 代码完成。以前,可以将文档弹出窗口配置为仅显式调用完成显示。...直接触摸运行,构建和调试项目,提交更改并更新项目。IntelliJ IDEA按钮显示在Touch Bar界面中间的应用程序特定区域中,它们取决于上下文或您按下的修改键。...可以在“首选项”|的“触控”页面上自定义所有可用的触控条上下文 外观与行为| 菜单和工具。- 黑暗的窗口标题现在可以在IntelliOS上使IntelliJ IDEA标题更暗。...转到首选项| 外观与行为| 外观并选择使用深色窗口标题。- 新图标我们推出了一些全新的图标!IDE工具和工具窗口上新的更清晰,更简单的图标可减少视觉混乱并确保更好的可读性。

1.6K40

IntelliJ IDEA 2022.2.2汉化版免登陆账号「winmac」

当您希望将每个调用的类型视为具有泛型的长方法链的类型提示,这尤其有用。- 配置快速文档以与自动完成一起弹出现在可以将快速文档配置为与自动完成一起弹出。...只需启用“ 首选项/设置” 中的“ 显示文档弹出窗口...”选项 编辑| 一般| 代码完成。以前,可以将文档弹出窗口配置为仅显式调用完成显示。...直接触摸运行,构建和调试项目,提交更改并更新项目。IntelliJ IDEA按钮显示在Touch Bar界面中间的应用程序特定区域中,它们取决于上下文或您按下的修改键。...可以在“首选项”|的“触控”页面上自定义所有可用的触控条上下文 外观与行为| 菜单和工具。- 黑暗的窗口标题现在可以在IntelliOS上使IntelliJ IDEA标题更暗。...或者,反之亦然,如果该方法调用它,它将不会停在断点处。6、组态- 项目配置在IntelliJ IDEA 中,您可以在添加新存储库排除某些传递依赖项。单击库属性编辑器中的新配置操作链接。

4.7K30

学习中遇到的小技巧 二 (陆续更新……)

今天打开数据库表添加记录,找了半天没找到,原来对表中记录的许多操作都在窗口最下面的状态上方,如图: ?...27、让资源管理器左侧的导航中显示“桌面”          如果资源管理器左侧导航中的“桌面”丢失了,对于经常爱把文件下载到桌面的人来说真是太痛苦了,所以要找回“桌面”,就按下面开始操作吧:打开...当然,更简单快速的方法就是直接在资源管理器左边导航中的空白处右键→显示所有文件夹……是不是出现了呢?→_→       28、在Eclipse中如何找回已删除的文件?        ...如果想恢复在Eclipse项目中删除的文件(如*.java、*.jsp等),右击那个项目,选择“本地历史记录复原”(汉化版)或者“restore from local history”(英文版),然后在复选框中选择想复原的文件即可...31、更改文件夹权限的时候提示“无法枚举容器中的对象,访问被拒绝” 在待操作的文件夹,右键→属性→安全标签→高级,弹出窗口显示当前文件夹的所有者,选择修改,弹出选择用户或用户组窗口

1.3K40
领券