专栏首页实战项目【实战项目i护理下篇】vue-cli3+vue-admin+egg(业务逻辑)
原创

【实战项目i护理下篇】vue-cli3+vue-admin+egg(业务逻辑)

上篇:【实战项目i护理上篇】vue-cli3+vue-admin+egg

中篇:【实战项目i护理中篇】vue-cli3+vue-admin+egg(部分源码+效果图)

预测:i护理可能会有下下篇。。。

我觉得用上中下来区分进度好像不太好吧。。。。

我的上一个项目【通告随时知】的进度是按照时间节点来的

所以这一次倒是给自己挖坑了???

算了,不纠结,重点是记录进度,对不

背景啥的在上篇,部分源码的在中篇,这一篇主要来说一下一点功能和业务逻辑。

其实i护理的初衷是为老人服务,而现在依旧是这个初衷。

只是一开始的时候,设计上感觉没设计好。

所以现在开发就会遇到很多纠结的地方。

原本应该有权限控制,但是由于这个项目分为子女/老人版本,医生/护工版本

所以权限控制模块就显得没有太大的必要去写了。

既然是两个版本,那么应该是两个运行系统,两套界面。

但是我客户端(也许有人会说移动端,或者是webApp端,反正通俗的说就是前端)写在一个系统上了,就在开发过程中造成一些冗余感。

开了两个浏览器,所以界面看上去好像是分开了两个版本了。但是代码是在一个系统的,后期要是维护的话,可能会麻烦一点。

麻烦在哪里?可以看看主页的界面,订单order里面有childOrder

也就是子女的一些页面和护工的一些页面是在一个文件夹里面的。。。

其实可以单独建两个文件夹来存放,但是现在已经有点晚了。。。

这一个周末的话,主要是写了一个功能。

本来应该用服务推送来写的,但是时间问题,短期内实现不了,所以就客户端用一个定时器不断请求后台,虽然说他们实现的原理都是监听,但是目前没有第三方服务推送,就用定时器实现这样的功能效果了。

这周的话就补充写了一些静态页面

粗略截图两张(医院推荐和在线问诊)

目前的话是静态的,后期看看有没有机会去实现

接下来是订单的 订单的有交互的

就是老人/子女版本预定护工 护工会收到消息的

作为用户(老人/子女)如果需要预约的话,流程是这样

那个消息,我是在最下面那个导航栏加了请求代码,每次点击都会去请求后台的,那些小提示就是通过导航栏请求后台,然后存入localstorage全局公用的

本来打算用IM,但是那个短期内学习起来太耗时了

子女版本上

护工版本

核心业务功能(共有的功能)

登录

注册

查看轮播图广告位

修改个人信息

退出登录等

子女/老人版本:

预定护工(进行中)

在线咨询(待完成)

关联家属(完成)

查看科普文章

收到服务通知功能(完成)

医护版本:

发布文章(完成)

收到服务通知功能(完成)

护工发布服务(完成)

护工查看服务

组件树

  • 医护版本

  • 子女版本

项目小结

本项目的客户端采取vue-cli3搭建,布局使用mintUI+elementUI进行开发

本系统有老人版本和子女版本。

后台管理系统采用iview admin技术栈,分为普通用户(老人/子女)和医护人员(医生和护工),同时管理员也会对注册成为医生或者护工的用户进行审批。因为医生可以发布科普文章,所以后台管理员会审核改科普文章是否通过,如果后期发现文章存在虚假信息,可以对该篇文章进行停用。

服务端主要使用了node(egg)—MVC模式来进行开发,通过进行各种需求分析,设计系统功能,使用Navicat工具设计出合理的数据库。

系统在技术上使用前后端分离进行设计,对前后端分开设计可以增加系统的可维护能力

个人小结

i护理的初衷是为老人服务,而现在依旧是这个初衷。

只是一开始的时候,设计上感觉没设计好。

所以现在开发就会遇到很多纠结的地方。比如订单模块

原本应该有权限控制,但是由于这个项目分为子女/老人版本,医生/护工版本

所以权限控制模块就显得没有太大的必要去写了。

既然是两个版本,那么应该是两个运行系统,两套界面。

但是我客户端(也许有人会说移动端,或者是webApp端,反正通俗的说就是前端)写在一个系统上了,就在开发过程中造成一些冗余感。

开了两个浏览器,所以界面看上去好像是分开了两个版本了。但是代码是在一个系统的,后期要是维护的话,可能会麻烦一点。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 使用 Egg + Vue 开发在线文档管理平台(8000字,手把手教程)

    团队中会遇到在线文档管理的需求,包括技术文档,接口文档, excel 文档,和产品原型的托管等需求,一直没有找到合适的开源项目来满足需求,所以动手实现了个文档管...

    一只图雀
  • Egg + Vue + MongoDB 实践开发在线文档管理平台

    团队中会遇到在线文档管理的需求,包括技术文档,接口文档, excel 文档,和产品原型的托管等需求,一直没有找到合适的开源项目来满足需求,所以动手实现了个文档管...

    五月君
  • Serverless + Egg.js 后台管理系统实战

    作为一名前端开发者,在选择 Nodejs 后端服务框架时,第一时间会想到 Egg.js,不得不说 Egg.js 是一个非常优秀的企业级框架,它的高扩展性和丰富的...

    网站运维工程师
  • Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目

    关于猫哥,大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 3 年之痒。

    @超人
  • 基于Vue2和Node.js的反欺诈系统设计与实现

    最近包工头喊农民工小郑搬砖,小郑搬完砖后沉思片刻,决定写篇小作文分享下,作为一个初学者的全栈项目,去学习它的搭建,到落地,再到部署维护,是非常好的。

    璀错
  • Serverless + Egg.js 后台管理系统实战

    作为一名前端开发者,在选择 Nodejs 后端服务框架时,第一时间会想到 Egg.js,不得不说 Egg.js 是一个非常优秀的企业级框架,它的高扩展性和丰富...

    腾讯云serverless团队
  • [问答] 为什么要用vue-cli3?

    其实这个问题主要是想了解vue-cli3与vue-cli2相比是否存在一些不得不升级的好处和优点?

    _sx_
  • 基于Vue实现一个有点意思的拼拼乐小游戏

    笔者去年曾写过一个类似的拼拼乐小游戏,技术栈采用自己的Xuery框架和原生javascript实现的,脚手架采用gulp来实现,为了满足对vue的需求,笔者再次...

    徐小夕
  • 用这些后台管理模版后,三天完成项目!

    你是否遇到过PM今天丢给你一堆后台管理系统的需求文档,并说这个产品下个星期上线没有问题吧!

    @超人
  • Vue开发时配置使用mock数据

      在日常前后端分离的开发模式中,前端开发者时常需要等待后台接口的确定和完成,这样会处于一个被动的状态,工作效率也不高。

    文渊同学
  • Vue封装全局过滤器Filters

      在前后端分离的项目中,经常会有后台返回的数据需要经过处理才能显示到页面上的场景。

    文渊同学
  • 那些年初级前后端一起撕过的逼

    一个项目一开始总是出于还不错愿景,但做着做着,就越来越乱了。万丈高楼平地起,有些基础的问题解决好,后面改需求就不会那么痛苦了。

    一粒小麦
  • 开箱即用的代码提交规范

    在团队中代码提交(git commit)会有各种各样的风格,甚至有些人根本没有 commit 规范的概念,所以在我们回头去查找在哪个版本出现问题的时候,就会非常...

    用户4131414
  • Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战

    本篇将基于Python 3.7+Django 3.0结合Vue.js前端框架,为大家介绍如何基于这三者的技术栈来实现一个前端后离的Web开发项目。为了简化,方便...

    测试开发技术
  • 当前 GitHub 上排名前十的热门 Vue 项目

    Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。通过基础的 24 分栏,迅速简便地...

    疯狂的技术宅
  • 学艺不精,总是掉坑!前后端分离历险记

    Spring Boot + Vue 这一对技术栈目前看来可以说是非常的火热,关于 Spring Boot 松哥已经写过多篇教程,如:

    江南一点雨
  • 一份超级详细的Vue-cli3.0使用教程[赶紧来试试!]

    在vue-cli 2.X的时候,也写过一篇类似的文章,在八月份的时候vue-cli已经更新到了3.X,新版本的脚手架,功能灰常强大,试用过后非常喜欢,写篇教程来...

    OBKoro1
  • 我是如何让公司后台管理系统焕然一新的(上) -性能优化

    马上到了金三银四的时间,很多公司开启了今年第一轮招聘的热潮,虽说今年是互联网的寒冬,但是只要对技术始终抱有热情以及有过硬的实力,即使是寒冬也不会阻挠你前进的步伐...

    桃翁
  • 从零到一教你基于vue开发一个组件库

    Vue是一套用于构建用户界面的渐进式框架,目前有越来越多的开发者在学习和使用.在笔者写完 从0到1教你搭建前端团队的组件系统 之后很多朋友希望了解一下如何搭建基...

    歪马

扫码关注云+社区

领取腾讯云代金券