企业官网建设流程全解析

1 开发技术

1.1 Java 介绍

Java 是由 Sun 公司于 1995 年推出的一种面向对象编程语言，具有跨平台、安全性高、生态成熟等特点。Java 程序运行在 JVM 之上，可实现“一次编写，到处运行”，在企业级 Web 开发中应用广泛，常与 Spring、MyBatis 等框架配合使用，用于构建稳定、可维护的后端业务系统。

本系统采用 Java 1.8 作为后端开发语言，负责实现供应商管理、药品管理、进货管理、销售管理、员工管理及基础数据字典等核心业务逻辑，并通过 RESTful 接口与前端管理端进行数据交互，支撑医药进销存全流程的后端处理。

1.2 Spring Boot 介绍

Spring Boot 是由 Pivotal 团队提供的快速开发框架，遵循“约定优于配置”原则，简化了 Spring 应用的搭建与部署过程。它内嵌 Tomcat 服务器，支持打包为 JAR 直接运行，并提供自动配置、Starter 依赖等特性，可显著降低 Java Web 项目的开发与维护成本。

本系统采用 Spring Boot 2.2.2 作为后端核心框架。其中，spring-boot-starter-web用于构建 Web 服务，承载供应商信息、药品信息、进货记录、销售记录、员工账号等业务接口；spring-boot-starter-jdbc负责数据库连接与事务管理。系统同时集成 MyBatis-Plus 2.3 完成数据持久化操作，并引入 Apache Shiro 1.3.2 实现管理员与员工的角色权限控制及登录鉴权。

1.3 Vue.js 介绍

Vue.js 是由尤雨溪创建的一套渐进式 JavaScript 框架，采用数据驱动与组件化开发模式，具有轻量、易学、性能良好等特点。Vue 通过虚拟 DOM 提升页面渲染效率，并配合 Vue Router、Axios 等生态工具，可高效构建单页面应用，适用于前后端分离架构下的前端开发。

本系统采用前后端分离架构，管理端基于 Vue 2.6.10 构建。路由管理使用 Vue Router 3.1.5，负责登录页、首页及各业务模块页面的跳转；HTTP 请求采用 Axios 0.19.2 与后端接口通信。前端主要承担登录认证、菜单权限展示、供应商与药品信息维护、进货销售业务录入、销售报表统计及个人信息管理等交互功能，为管理员与员工两类角色提供统一的操作界面。

1.4 Element UI 介绍

Element UI 是饿了么团队为 Vue 2.x 开发的一套开源桌面端 UI 组件库，提供按钮、表单、表格、分页、弹窗等常用组件，风格统一、文档完善，可快速搭建美观、规范的管理后台界面，在企业管理系统开发中被广泛采用。

本系统管理端采用 Element UI 2.13.0 构建界面。在基础数据管理、供应商信息管理、药品管理、进货管理、销售管理及员工管理等模块中，主要使用表格组件展示业务数据列表，使用表单组件完成新增与编辑操作，使用分页、弹窗等组件实现数据查询与交互；销售管理模块还结合 ECharts 4.6.0 实现销售报表的可视化展示，整体界面风格统一，操作便捷。

2 系统实现

本系统采用 B/S 架构与前后端分离设计。前端基于 Vue.js 与 Element UI 构建管理界面，通过 Axios 向后端发起 HTTP 请求；后端采用 Spring Boot 提供 RESTful 风格 JSON 接口，使用 MyBatis-Plus 完成数据持久化，并集成 Apache Shiro 实现 Token 鉴权与角色权限控制。系统设置管理员与员工两类角色，共用同一登录入口与后台布局，登录后根据所选角色动态加载对应功能菜单，分别实现医药基础数据维护、供应商管理、药品管理、进货管理、销售管理及员工账号管理等业务功能。

2.1 登录

系统采用统一登录页面，用户输入用户名、密码后，还需通过单选框选择登录角色。选择“管理员”时，前端调用users/login接口进行身份验证；选择“员工”时，前端调用yuangong/login接口进行身份验证。登录成功后，后端返回 Token，前端将 Token、用户 ID、角色名称及会话表名等信息写入本地存储，并跳转至系统首页。系统根据当前角色动态渲染左侧功能菜单，从而实现不同角色访问不同功能模块。

登录界面如图 2-1 所示。

图 2-1 登录界面

2.2 管理员端功能

管理员拥有系统最高操作权限，登录后可使用全部后台功能，主要包括：基础数据管理、供应商信息管理、药品管理、进货管理、销售管理、员工管理等模块。管理员可对供应商类型、供应商信用等级、药品类型等基础字典进行维护，对供应商档案、药品信息、进货记录、销售记录及员工账号进行新增、修改、删除和查询操作，并可在销售管理模块中查看销售报表统计。

2.2.1 系统首页

管理员选择“管理员”角色并登录成功后，进入系统首页。页面采用经典后台布局：顶部导航栏显示系统名称“医药管理系统”及当前登录角色与用户名，左侧为管理员专属功能导航菜单，右侧主内容区显示欢迎信息。管理员可通过左侧菜单进入各业务模块，也可在个人中心中修改密码或查看个人信息。

管理员端系统首页如图 2-2 所示。

图 2-2 管理员端系统首页

2.2.2 基础数据管理

基础数据管理为管理员专属模块，用于维护系统运行所需的数据字典，包括供应商类型管理、供应商信用等级类型管理、药品类型管理等内容。管理员可在此模块中对各类字典数据进行新增、修改、删除和查询，为供应商管理、药品管理及后续业务录入提供分类依据。

管理员端基础数据管理界面如图 2-3 所示。

图 2-3 管理员端基础数据管理界面

2.2.3 供应商信息管理

供应商信息管理模块用于维护医药经营过程中合作供应商的基本资料。管理员可录入供应商名称、联系方式、信用等级、供应商类型等信息，并支持对供应商档案进行新增、修改、删除和查询，便于后续进货业务中关联供应商数据。

管理员端供应商信息管理界面如图 2-4 所示。

图 2-4 管理员端供应商信息管理界面

2.2.4 药品管理

药品管理模块用于维护药品基础信息，包括药品名称、药品类型、规格、单价、库存等内容。管理员可对药品信息进行新增、编辑、删除和查询，为进货管理与销售管理提供药品数据支撑，实现药品信息的统一维护。

管理员端药品管理界面如图 2-5 所示。

图 2-5 管理员端药品管理界面

2.2.5 进货管理

进货管理模块用于记录药品采购入库信息。管理员可新增进货单据，关联供应商与药品，填写进货数量、进货单价、进货时间等信息，并支持对历史进货记录进行查询、修改和删除，实现药品采购过程的信息化记录。

管理员端进货管理界面如图 2-6 所示。

图 2-6 管理员端进货管理界面

2.2.6 销售管理

销售管理模块用于记录药品销售出库信息。管理员可新增销售单据，选择销售药品并填写销售数量、销售单价、销售时间等信息，同时支持对销售记录进行查询、修改和删除。该模块还提供销售报表功能，可借助 ECharts 图表对销售数据进行可视化统计，便于管理人员分析销售情况。

管理员端销售管理界面如图 2-7 所示。

图 2-7 管理员端销售管理界面

2.2.7 员工管理

员工管理为管理员专属模块，用于维护系统员工账号信息。管理员可新增员工账号，设置员工姓名、联系方式、登录账号及密码等信息，并支持对员工信息进行查询、修改和删除。员工账号创建后，可使用员工角色登录系统，执行权限范围内的业务操作。

管理员端员工管理界面如图 2-8 所示。

图 2-8 管理员端员工管理界面

2.3 员工端功能

员工通过同一登录页面选择“员工”角色并完成身份验证后，进入与管理员相同的后台界面，但根据角色权限仅显示部分功能菜单。员工端主要包括：供应商信息查看、药品信息查看、进货管理、销售管理等功能。其中，员工对供应商信息和药品信息仅具有查看权限；对进货记录和销售记录具有查看和新增权限，不可进行修改、删除及报表统计等高权限操作，也无法访问基础数据管理和员工管理等管理员专属模块。

2.3.1 系统首页

员工选择“员工”角色并登录成功后，同样进入系统首页。页面布局与管理员端一致，顶部显示系统名称及当前员工姓名，左侧菜单根据员工角色动态加载，仅显示员工权限范围内的功能模块，右侧主内容区显示欢迎信息。员工可通过个人中心修改密码和查看个人信息。

员工端系统首页如图 2-9 所示。

图 2-9 员工端系统首页

2.3.2 供应商信息查看

员工可在供应商信息管理模块中查看系统中已录入的供应商档案信息，包括供应商名称、联系方式、信用等级、供应商类型等内容，便于在录入进货业务时了解供应商基本情况。该模块对员工仅开放查看权限，不支持新增、修改和删除操作。

员工端供应商信息查看界面如图 2-10 所示。

图 2-10 员工端供应商信息查看界面

2.3.3 药品信息查看

员工可在药品管理模块中查看系统中已维护的药品信息，包括药品名称、药品类型、规格、单价、库存等内容，为后续录入进货和销售业务提供参考。该模块对员工仅开放查看权限，不支持新增、修改和删除操作。

员工端药品信息查看界面如图 2-11 所示。

图 2-11 员工端药品信息查看界面

2.3.4 进货管理

员工可在进货管理模块中查看历史进货记录，并新增进货单据。新增时可选择供应商和药品，填写进货数量、进货单价、进货时间等信息，完成药品采购入库登记。该模块对员工开放查看和新增权限，不支持修改、删除等管理操作。

员工端进货管理界面如图 2-12 所示。

图 2-12 员工端进货管理界面

2.3.5 销售管理

员工可在销售管理模块中查看历史销售记录，并新增销售单据。新增时可选择销售药品，填写销售数量、销售单价、销售时间等信息，完成药品销售出库登记。该模块对员工开放查看和新增权限，不支持修改、删除及销售报表统计等管理操作。

员工端销售管理界面如图 2-13 所示。

图 2-13 员工端销售管理界面

3 源码获取方式

源码地址：源码集市