基于java,SpringBoot和Vue的医院药房药品管理系统设计

摘要

随着医疗行业信息化的快速发展,高效、精准的医院药房药品管理对于提升医疗服务质量和医院运营效率至关重要。本文基于 Java 语言,采用 SpringBoot 框架和 Vue 框架进行医院药房药品管理系统的设计与研究。该系统以 SpringBoot 作为后端开发框架,利用其快速开发、自动配置等特性,实现了药品信息管理、库存管理、等核心业务逻辑的高效处理,并确保系统的稳定性和可扩展性。前端采用 Vue 框架,借助其组件化、响应式设计等优势,构建了用户友好、交互流畅的操作界面,方便药房工作人员进行各类操作。系统数据库选用 MySQL,用于存储和管理药品的详细信息、供应商数据、库存记录等大量数据。通过对系统的需求分析、功能模块设计、数据库设计以及前后端的开发与整合,该医院药房药品管理系统能够有效提高药品管理的准确性和效率,减少人工操作带来的错误,实现药品从采购入库到发放使用的全流程信息化管理,对优化医院药房管理流程、提升医院整体信息化水平具有重要的现实意义。

功能介绍

该系统将会实现管理员、员工和普通用户三种系统角色,不同角色拥有不同的系统功能;

管理员可以进行基础数据管理、客服聊天管理、公告管理、留言板管理、药品管理、药品入库管理、用户管理、员工管理、轮播图管理等;

员工可以进行客服聊天管理、公告管理、留言板管理、药品管理、药品入库管理等;

普通用户有单独的登录界面,登录成功后可以进行首页信息查看、留言、买药、客服咨询、个人中心管理等。

技术介绍

后端:Java语言的Spring Boot框架、MySQL数据库、Maven依赖管理等;

前端:管理员后台使用Vue、element-ui、axios等,用户前台使用HTML、layUI、element-ui等。

代码展示

复制代码
<template>
  <div class="container">
      <el-alert title="检查好账户哦" type="success" :closable="false"></el-alert>
      <el-row style="margin: 20px 0 0 20px;">
        充值金额:<el-input v-model="newMoney" placeholder="充值金额" style="width: 40%" clearable></el-input>
      </el-row>
      <div class="pay-type-content">
        <label>
          <div class="pay-type-item" :span="8">
            <el-radio v-model="type" label="微信支付"></el-radio>
            <img src="@/assets/img/test/weixin.png" alt>
          </div>
        </label>
        <label>
          <div class="pay-type-item" :span="8">
            <el-radio v-model="type" label="支付宝支付"></el-radio>
            <img src="@/assets/img/test/zhifubao.png" alt>
          </div>
        </label>
        <label>
          <div class="pay-type-item" :span="8">
            <el-radio v-model="type" label="建设银行"></el-radio>
            <img src="@/assets/img/test/jianshe.png" alt>
          </div>
        </label>
        <label>
          <div class="pay-type-item">
            <el-radio v-model="type" label="农业银行"></el-radio>
            <img src="@/assets/img/test/nongye.png" alt>
          </div>
        </label>
        <label>
          <div class="pay-type-item">
            <el-radio v-model="type" label="中国银行"></el-radio>
            <img src="@/assets/img/test/zhongguo.png" alt>
          </div>
        </label>
        <label>
          <div class="pay-type-item">
            <el-radio v-model="type" label="交通银行"></el-radio>
            <img src="@/assets/img/test/jiaotong.png" alt>
          </div>
        </label>
        <label>
          <div class="pay-type-item">
            <el-radio v-model="type" label="民生银行"></el-radio>
            <img src="@/assets/img/test/minsheng.png" alt>
          </div>
        </label>
        <label>
          <div class="pay-type-item">
            <el-radio v-model="type" label="工商银行"></el-radio>
            <img src="@/assets/img/test/gongshang.png" alt>
          </div>
        </label>
      </div>
    <div class="buton-content">
      <el-button @click="submitTap" type="primary">确认支付</el-button>
      <el-button @click="back()">返回</el-button>
    </div>
  </div>
</template>
<script>
// import { Message } from "element-ui";
export default {
  data() {
    return {
      sessionTable:"",//表
      role:"",//权限
      userId:"",//账户
      type:"支付宝支付",
      newMoney: "100",//充值金额
      user:{},
    };
  },
  mounted() {
      let _this =this;
      this.sessionTable = this.$storage.get("sessionTable");
      this.role = this.$storage.get("role");
      this.userId = this.$storage.get("userId");
      this.$http({
          url: `${this.sessionTable}/session`,
          method: "get"
      }).then(({ data }) => {
          if (data && data.code === 0) {
              _this.user = data.data;
          } else {
              _this.$message.error(data.msg);
          }
      });
  },
  methods: {
    submitTap() {
      let _this =this;
      if(_this.newMoney == null || _this.newMoney == "" || _this.newMoney <=0){
          this.$message.error("充值金额必须大于0");
          return false;
      }

      _this.$confirm(`确定充值么?`, "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        _this.$http({
          url: `${_this.sessionTable}/update`,
          method: "post",
          data: {
              id:_this.userId,
              newMoney:Number(_this.newMoney)+Number(_this.user.newMoney),
          }
        }).then(({ data }) => {
          if (data && data.code === 0) {
            _this.$message({
              message: "充值成功",
              type: "success",
              duration: 1500,
              onClose: () => {
                  _this.$router.replace({ path: "/center" });
              }
            });
          } else {
            this.$message.error(data.msg);
          }
        });
      });
    },
    back(){
      this.$router.replace({ path: "/center" });
    }
  }
};
</script>

视频演示

Java,SppringBoot和Vue医院药房药品管理系统

相关推荐
阑梦清川几秒前
Java后端项目前端基础Vue(二)
vue.js
考虑考虑34 分钟前
JDK9中的dropWhile
java·后端·java ee
想躺平的咸鱼干42 分钟前
Volatile解决指令重排和单例模式
java·开发语言·单例模式·线程·并发编程
雪碧聊技术1 小时前
深入解析Vue中v-model的双向绑定实现原理
前端·javascript·vue.js·v-model
hqxstudying1 小时前
java依赖注入方法
java·spring·log4j·ioc·依赖
·云扬·1 小时前
【Java源码阅读系列37】深度解读Java BufferedReader 源码
java·开发语言
百锦再2 小时前
重新学习Vue中的按键监听和鼠标监听
javascript·vue.js·vue·计算机外设·click·up·down
快起来别睡了2 小时前
Vue 3 中的组件通信与组件思想详解
vue.js
Bug退退退1232 小时前
RabbitMQ 高级特性之重试机制
java·分布式·spring·rabbitmq
小皮侠2 小时前
nginx的使用
java·运维·服务器·前端·git·nginx·github