基于ssm+vue的宠物医院系统(前后端分离)

博主主页:猫头鹰源码

博主简介:Java领域优质创作者、CSDN博客专家、公司架构师、全网粉丝5万+、专注Java技术领域和毕业设计项目实战

主要内容:毕业设计(Javaweb项目|小程序等)、简历模板、学习资料、面试题库、技术咨询

文末联系获取

项目背景:

如今互联网高速发展,网络遍布全球,通过互联网发布的消息能快而方便的传播到世界每个角落,并且互联网上能传播的信息也很广,比如文字、图片、声音、视频等。从而,这种种好处使得互联网成了信息传播的主要途径,社会上各种各样的信息都想尽办法通过互联网进行传播,互联网对社会产生的影响越来越大。

随着计算机技术的发展以及计算机网络的逐渐普及,互联网成为人们查找信息的重要场所,二十一世纪是信息的时代,所以信息的交换和信息流通显得特别重要。因此,开发合适的宠物医院管理系统成为企业必然要走的一步棋。开发合适的宠物医院管理系统,可以方便管理人员对宠物医院管理系统的管理,提高信息管理工作效率及查询效率,有利于更好的为用户提供服务。

功能介绍:

基于ssm+vue的宠物医院系统(前后端分离)_第1张图片

系统包含技术:

后端:ssm,mybatis
前端:element-ui、js、css等
开发工具:idea/vscode
数据库:mysql 5.7
JDK版本:jdk1.8

部分截图说明:

用户登录可以查看系统首页。界面如下图所示:

医院信息

基于ssm+vue的宠物医院系统(前后端分离)_第2张图片

医院详情

基于ssm+vue的宠物医院系统(前后端分离)_第3张图片

医生信息

基于ssm+vue的宠物医院系统(前后端分离)_第4张图片

用户登录后可以提交医院进驻信息,然后在医院进驻申请里可以看到。界面如下图所示:

基于ssm+vue的宠物医院系统(前后端分离)_第5张图片

宠物医院管理系统的系统管理员可以管理用户信息,可以对用户信息进行添加,修改,删除操作。具体界面的展示如图5.1所示。

基于ssm+vue的宠物医院系统(前后端分离)_第6张图片

系统管理员可以管理申请情况信息,可以对申请情况信息进行添加,修改,删除查询操作,具体界面如图5.2所示。

基于ssm+vue的宠物医院系统(前后端分离)_第7张图片

系统管理员可以管理医生信息,对医生信息进行添加,修改,删除操作。界面如下图所示:

基于ssm+vue的宠物医院系统(前后端分离)_第8张图片

部分代码:

 /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map params,ShenqingqingkuangEntity shenqingqingkuang, 
		HttpServletRequest request){

		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("yonghu")) {
			shenqingqingkuang.setZhanghao((String)request.getSession().getAttribute("username"));
		}
        EntityWrapper ew = new EntityWrapper();
		PageUtils page = shenqingqingkuangService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shenqingqingkuang), params), params));
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
    @RequestMapping("/list")
    public R list(@RequestParam Map params,ShenqingqingkuangEntity shenqingqingkuang, 
		HttpServletRequest request){
        EntityWrapper ew = new EntityWrapper();
		PageUtils page = shenqingqingkuangService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, shenqingqingkuang), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( ShenqingqingkuangEntity shenqingqingkuang){
       	EntityWrapper ew = new EntityWrapper();
      	ew.allEq(MPUtil.allEQMapPre( shenqingqingkuang, "shenqingqingkuang")); 
        return R.ok().put("data", shenqingqingkuangService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(ShenqingqingkuangEntity shenqingqingkuang){
        EntityWrapper< ShenqingqingkuangEntity> ew = new EntityWrapper< ShenqingqingkuangEntity>();
 		ew.allEq(MPUtil.allEQMapPre( shenqingqingkuang, "shenqingqingkuang")); 
		ShenqingqingkuangView shenqingqingkuangView =  shenqingqingkuangService.selectView(ew);
		return R.ok("查询申请情况成功").put("data", shenqingqingkuangView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        ShenqingqingkuangEntity shenqingqingkuang = shenqingqingkuangService.selectById(id);
        return R.ok().put("data", shenqingqingkuang);
    }

    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        ShenqingqingkuangEntity shenqingqingkuang = shenqingqingkuangService.selectById(id);
        return R.ok().put("data", shenqingqingkuang);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody ShenqingqingkuangEntity shenqingqingkuang, HttpServletRequest request){
    	shenqingqingkuang.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(shenqingqingkuang);

        shenqingqingkuangService.insert(shenqingqingkuang);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody ShenqingqingkuangEntity shenqingqingkuang, HttpServletRequest request){
    	shenqingqingkuang.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(shenqingqingkuang);

        shenqingqingkuangService.insert(shenqingqingkuang);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody ShenqingqingkuangEntity shenqingqingkuang, HttpServletRequest request){
        //ValidatorUtils.validateEntity(shenqingqingkuang);
        shenqingqingkuangService.updateById(shenqingqingkuang);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        shenqingqingkuangService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }

以上就是部分功能展示,从整体上来看,本系统功能是十分完整的,界面设计简洁大方,交互友好,数据库设计也很合理,规模适中,代码工整,清晰,适合学习使用。

好了,今天就到这儿吧,小伙伴们点赞、收藏、评论,一键三连走起呀,下期见~~  

你可能感兴趣的:(vue.js,前端,javascript,后端,java,javaweb)