知识管理系列----1.原型设计

1.前言:

作为一个技术工作者,网上有很多知识被添加进了收藏夹。随着时间的日积月累,收藏夹越来越庞大。自己的知识库越来越凌乱,没有形成一个有效的管理系统。在此,编写一个知识管理系统,通过逐步的开发,将知识进行精细管理,形成自己的知识仓库。

2.系统概述:

年前通过SQLite写了一个简单版本的,发现交互效果实在不敢恭维,只能重头开始造车。

本系统通过自己最拿手的SQL数据库将数据进行存储和检索。

为了将这个系列完美的做下去,会按照项目简易开发的流程进行分步骤进行:

1.原型设计

2.数据库设计

3.程序开发

4.code测试

5.code上线

3.原型设计:

3.1.主页面:

主页面是用户进入的第一个交互窗体。先上图:

页面Load:窗体左侧,系统自动加载所有的Node,并折叠。

窗体的最底部显示作者、时间和系统的提示信息。

菜单栏:菜单栏中文件暂时只放退出功能子菜单。

编辑菜单栏中放查找子菜单,方便用户对历史记录进行关键词和存储时间的筛选查询

工具栏子菜单放标签管理器和刷新子菜单。

窗体中部:点击左侧的Node,窗体中部自动加载子窗体,加载此node对应的信息(记录、标签和阅览笔记)

双击阅览笔记,可再次编辑此笔记,回车即可自动保存此笔记信息。

2.左侧树形结构

右击:右击树形node,弹出以下Menutext

左击:选中当前节点

Node双击:若是当前node是文件,则在窗体中部展示该节点文件内容。

3.新增文件

点击“新增文件”,弹出下图子窗体。Url为博客园的文章url,文件名为对此抓取记录的自我命名。

输入URL后,焦点不在此文本框后,预览窗口自动加载Html内容。

选择标签,也可以不选择标签。

预览笔记为自己学习过程添加的笔记信息,用于多次学习的追溯。

4.文件预览

双击node,当前node为文件时,则预览此node内容,UI效果与前述主窗体一致。

5.标签管理

标签管理的目的是为文章添加不同的标签,这样即可为此文章进行分类,也可以在查询窗口进行追溯。

UI效果如下:

6.查询

查询:通过记录时间、标签和内容关键词可查询对应的文章记录。

双击内容,则弹出文件预览。

原文地址:https://www.cnblogs.com/xiaowangzi1987/p/8455354.html

时间: 2024-10-06 20:34:53

知识管理系列----1.原型设计的相关文章

知识管理系列---2.数据库设计

系列引导: 知识管理系列----1.原型设计 知识管理系列----2.数据库设计 前言: 数据库的设计是整个数据架构最核心的部分. 详细设计部分: 此数据库设计为V1.0版本,后续开发过程中会进行版本迭代. 数据库创建SQL脚本:SQL脚本 原文地址:https://www.cnblogs.com/xiaowangzi1987/p/8456020.html

软件测试系列之原型设计(六)

A story(以本次项目开发为例): 刚开始的做法: 因为之前已经有做好了的系统了,所以即使重构,界面的整体效果和功能点变动也不会太大.但是还是有一些要变更和再优化的.开始画原型的时候,各子系统负责人自己说了算,甚至于画模块的人说了算,想怎么画就怎么画.有些需求甚至于也没有细想甚至于理通,就照猫画虎的把原型画了.导致后来四个子系统的原型风格各异,同一个系统的原型也长得不一样,甚至于同一个系统的需求也是不一样的,整体一个感觉,乱.而且开会效率也打了折扣,画原型之前做的工作就是把需求理通,但是到了

产品设计步骤 - 产品管理系列文章

笔者做产品经理职位还不久,但是也积累了一些经验,本文就讲讲产品经理对产品的设计步骤,与大家共同交流学习,共同提高. 产品经理现在要求的更多的是需求分析.原型设计和后期的运营三方面重点内容.其中,需求分析这块如果团队人员比较全的话就要求产品经理对需求这块进行把控,项目经理对需求进行整理总结,系统分析师对需求进行分析:原型设计这块是产品经理的一大工作部分,就是在经过了需求分析之后,对产品的界面和用户体验等进行设计,形成基本的操作模式,同时也能够让团队或客户对产品本身的特色做了解和及时的反馈,对产品的

ASP.NET MVC+EF框架+EasyUI实现权限管理系列(2)-数据库访问层的设计Demo

原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(2)-数据库访问层的设计Demo ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) (1)框架搭建 前言:这篇博客我们继续来实现我的权限系列,这个博客一段时间也没有写了,重点是我在想还写不写,最终我决定还是写下去,因为我们是为了学习,当别人提出意见的时候,我们可以参考和采纳,但是我们不一定非要采纳,上几篇博客大家都说用CodeFirst来实现,是啊,现在基本很少有人用我的这种方法来实现了,都是用CodeF

程矢Axure夜话:中继器系列视频教程之中继器原型设计二十一条军规

程矢Axure夜话:中继器系列视频教程之中继器原型设计二十一条军规 案例描述:中继器实现原型设计二十一条军规 知识点: 中继器分页 效果图: 在线效果预览: AxShare在线效果预览: 原型下载地址:中继器原型设计二十一条军规 .rp 在线视频: 实现步骤: 更新中-..

justinmind夜话:数据母板系列视频教程之原型设计二十一条军规

案例描述:使用数据母板实现原型设计二十一条军规 知识点: 数据母板 效果图: 本站在线效果预览:(原型文件) 原型下载地址:数据母板原型设计二十一条军规 .vp  数据母板原型设计二十一条军规.html 在线视频: 实现步骤:

常用快速原型设计工具大比拼、原型设计工具哪个好用

原型设计是交互设计师与PD.PM.网站开发工程师沟通的最好工具.而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品.利用交互设计师专业的眼光与经验直接导至该产品的可用性. 简单说,“原型”是在项目前期阶段的重要设计步骤,主要以发现新想法和检验设计为目的,重点在于直观体现产品主要界面风格以及结构.并展示主要功能模块以及之间相互关系,不断确认模糊部分,为后期的视觉设计和代码编写提供准确的产品信息. 目的: 下列角色使用用户界面原型: 用例阐释者,用来了解用例的用户界

ASP.NET MVC+EF框架+EasyUI实现权限管理系列(1)-框架搭建

原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(1)-框架搭建 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) 前言:这篇博客开始我们便一步一步的来实现这个权限系统的初步设计-框架搭建,首先我要说的是我们需要开发工具Visual Studio 2012或者10也行,其次是我们要有SQL Server数据库,如果是Visual Studio 2010的话,你还要安装MVC4的开发文件,这个是吗?我不记得了,谁可以回答我一下的,我一直用2012,都是集成

从零开始学Axure原型设计(进阶篇)

Axure不仅能制作静态的视觉稿.页面,还能添加交互动作,是进行原型设计的最佳软件之一.在认识了Axure的界面和部件库之后,我们可以用它来画线框图了,但是静态的线框图在表达上不如有交互的原型图来得直观. Axure进阶篇中将会介绍什么是交互,如何玩转Axure中最频繁使用的动态面板部件,做出狂拽炫酷的交互效果.另外,还会介绍母版(主要是触发事件)的使用. 交互基础知识 开始使用Axure做交互之前,我们先来看看Axure的安身立命之本,即交互这个概念.创建交互包括四个模块: 交互(intera