3Lweb / issueBlog

面试题和工作中碰到的问题的汇总
http://www.3lweb.cn/
0 stars 0 forks source link

建立个人事务管理/知识库系统 #25

Closed 3Lweb closed 6 years ago

3Lweb commented 6 years ago

系统整理知识点,记录所碰到的问题,进行总结并且可以展示一些基本的代码学习尝试demo,作为事务管理系统,他应该可以管理文档和每日工作的记录,进行文档搜索和事务通知的功能。 这个系统基于https://github.com/xupingmao/xnote项目建立,修改增加新的功能,改变其页面展示同时作为学习python的一个途径

3Lweb commented 6 years ago

前端框架使用ext5.0 采用mvvm结构,后端采用python,减少工作中的学习成本,尽量使用已有的或可参照的系统进行开发,预计17年3月份能做出第一版的页面内容,前端的页面设计使用AdminLTE的模板进行开发,这样保证页面的可观看性和ui组件资源的有效性。 对于第一期的工作目标,暂定为知识笔记,问题记录,工作总结,自测系统

知识管理系统:(第一期实现1,2,3,4四个功能)

  1. 知识笔记:以博客方式记录分类各种知识。记得以标签进行分类
  2. 问题记录:用问题单的方式来对自己困惑过的问题进行记录解答(分为曾处理,待处理,正关注,挂起中四个状态)
  3. 工作总结:对自己生活和工作情况进行日报,半周报,周报,月报,季报等方式进行总结,类似于之前月报和日报的形式进行,具体可选但至少一周总结一次
  4. 自测系统:一个简易的考试系统,进行自我测试
  5. 任务提醒:以日历插件(calender)的方式同步或者建立关于知识点,问题记录,工作总结,自测系统等其他部分的任务或者提醒数据
  6. 资料管理:记录保存学习资料里面各项资料的情况
  7. 工具软件:记录更新各种工具软件的版本,使用方法,保存一份安装包
  8. 系统功能:实现本系统的用户管理,自测系统测试资料上传,资料管理等数据
  9. 代码实例:记录自己学习工作时搭建的各个框架,语言的代码demo,记录其安装环境,保证随时可以运行(与工具软件进行关联,保证可以及时搭建起demo代码的运行环境)
  10. 数据分析:以数据图表的形式实时同步记录自己资料,知识点,问题,代码实例,工具,自我测试的情况
  11. 小目标 对人生路线的一个清晰的规划,应该有进度提示和时间预警,选择一个比较特别的时间轴方式来表现
3Lweb commented 6 years ago

前端改用vue,后端使用java,目标契合现有的技能点

3Lweb commented 6 years ago

工作总结里面可以自动收集这一天提出的问题,每天干的工作,写出的知识总结,完成的测试等,形成每天的工作日报,然后本人可以根据总结进行附加补充或者修改

3Lweb commented 6 years ago

在页面中可以增加拖动功能,实现页面元素的可拖动类似于ext.dd插件的功能,详细介绍可以查看: ExtJS 4 官方指南翻译:Drag and Drop 拖放

3Lweb commented 6 years ago

关于导航栏的设计,初步加上任务提示图标和用户信息图标,用来管理任务和用户的个人信息。后期可以加上页面的设置功能,信息提示功能,和闹钟提醒功能。

对于整个版面的设计,基本上应该先使用正常的页面结构,暂不考虑手机端的显示,后期可以加上

目前首要任务是快速建立一个原型网站。美化和详细的功能可以后期补充

3Lweb commented 6 years ago

css样式编辑使用less,目的是为了可以直接使用adminLTE前端文件里面的样式文件

3Lweb commented 6 years ago

知识总结中应该包括:自己写笔记,摘抄别人的笔记。在摘抄中附加摘抄的来源,并且可以去修改剪切摘抄内容。在自己写的笔记中应该可以增加附录,显示修改类似于diff功能

3Lweb commented 6 years ago

工作总结里面的需求不太明确,暂时不加

3Lweb commented 6 years ago

工作总结里面的内容用学习进度来体现,包含了每日的工作总结,和情况记录,以及其他的一些学习活动,计划

3Lweb commented 6 years ago

对于前后端约定的接口,采用Swagger框架生成模拟接口,并且生成接口文档 https://www.cnblogs.com/FlyAway2013/p/7510279.html

https://testerhome.com/topics/8168

3Lweb commented 6 years ago

使用swagger框架目的在于可以在线调试接口,明确看到接口的定义,拥有一个正确可执行的curl命令并且看到当前的接口是否可用

3Lweb commented 6 years ago

登录与注册采用jwt的方式,即 (https://www.jianshu.com/p/576dbf44b2ae 什么是 JWT -- JSON WEB TOKEN) Json web token (JWT), 是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准((RFC 7519).该token被设计为紧凑且安全的,特别适用于分布式站点的单点登录(SSO)场景。JWT的声明一般被用来在身份提供者和服务提供者间传递被认证的用户身份信息,以便于从资源服务器获取资源,也可以增加一些额外的其它业务逻辑所必须的声明信息,该token也可直接被用于认证,也可被加密。

3Lweb commented 6 years ago

前后端分离的登录注册采用博客http://blog.csdn.net/jimo_lonely/article/details/78782262所述

前后端分离之Springboot后端

前后端分离之Java后端

前后端分离之VueJS前端

3Lweb commented 6 years ago

使用模拟接口来进行开发,jsonserver

https://www.jianshu.com/p/7094c477207d Vue实战(三)Mock服务JSON Server

3Lweb commented 6 years ago

创建全局网络连接器,对于各种警告错误进行底层拦截

https://www.jianshu.com/p/0f3f27f33a6f Vue实战(五)网络层拦截器与全局异常信息展示

3Lweb commented 6 years ago

对于很多文章的链接失效的问题,需要添加一个爬虫功能将文章的内容抓取保存下来,添加到知识笔记里面去
爬虫最主要的功能应该是提供一个网页的连接,然后能把网页中的文章,文章标题,图片,代码等全部抓取下来保存到知识笔记里面去

3Lweb commented 6 years ago

https://github.com/yangfan0095/guwen-spider 一个nodejs爬虫 https://www.zhihu.com/question/31679802 如何使用nodejs做爬虫程序?

3Lweb commented 6 years ago

对于高数考试或者其他的考试,可以使用doc问题来编辑试题,然后通过doc转化为html格式,使用nodejs里面的fs服务器读取并替换其中的某些部分内容,修改格式,渲染显示到页面上面。在网页上面编辑公式可以使用JMEditor来实现公式的编辑和修改