electron-vue

一、前言

2020-10-25  本文已影响0人  Su_yj

本人有些朋友是自己做 k12 教育的,然而由于规模不算大,所以一般管理学生和老师的课程时,都是用excel来做记录的。可以说几乎所有的事情都是使用excel吧。而这样的方式在统计老师和学生课时的时候就略显麻烦,每次都需要数表格学生上课的次数,而且不同课程的价格也有所不同,所以我个人觉得在统计价格这方面会很容易出错。

出于这一想法,因此我有了一个打算,帮他们量身定做一款课程管理工具,只需要他们把课程排好了,什么课时费、课时这些,我都帮他们全部统计完了。

然而本人一直是做后端开发,而且常用语言是python,有做过一些前端,也使用过vue。基于种种考量,最终选择了 electron + vue 这一方案来作为软件的框架。性能嘛,毕竟是小机构,数据也不会太多,页面也不会用到太复杂的东西,所以是没什么问题的(ps:我在一台10几年前的笔记本跑也没有问题,只是稍微慢了一些而已)。而且electron还可以多平台打包,非常方便。

作为本地应用,数据库选型第一个肯定是联想到了sqlite。查了一下electron下使用sqlite,还是比较复杂的。这个东西不能直接用npm下载安装个包就可以用,而是需要用python编译了才能够用,还是比较麻烦,而且编译安装时还各种报错。然而操作数据库,当然要使用orm了,不是说原生sql不行,只是作为程序员,能赖就赖嘛~~~orm我这里选择了sequelize,基本能满足我的需求了。

一开始没打算写这个教程(算教程吧)的,但是由于在做的过程中遇到了很多坑,而且有些坑在网上还比较难找到答案,因此就写个教程吧。

下面放一个效果图吧


演示.gif

项目地址:https://github.com/Su-yj/class_manage

上一篇 下一篇

猜你喜欢

热点阅读