zoukankan      html  css  js  c++  java
  • gzy项目-页面开发实例(一)

    一.项目配置导入

    1.在开发工具Spring中配置已经下载好的apache-maven-3.5.0文件包,完成maven项目的部署;注意在apache-maven-3.5.0conf文件中配置settings.xml文件:

    确定好接下来我们要用到的项目框架性文件,避免我们从中央仓库下载,节省开发时间,提高效率。

    二.原料去向页面开发

    1.在文件路径:gzy-sc-uisrcmain esources emplatesl中新建文件夹medicinalGoneTest——用于封装原料去向的静态页面;

    新建edit.html(原料去向的编辑页面,所示的内容都经过lay-ui前端框架修饰,)和list.html(原料去向的主列表页面,同样的,所示的内容都经过lay-ui前端框架修饰,这里要注意medicinalGoneTest页面中js文件的引用设置,如下图所示

    2.在文件路径gzy-sc-ui/src/main/resources/static/ag/medicinalGoneTest/下新建medicinalGoneTest.js文件,封装一些具体对象和方法,便于对网页内容进行相关操作,下面简要介绍几个重要原函数:

    ①什么是实体类?

    说白了就是让程序员操作数据库的时候不用写SQL语句;就是数据库表生成的一个类;实体类就是把对一个表的操作全写在一个类中,这样做可以是操作数据库变得简便,减少代码,提高效率,使程序员专注于逻辑关系;

    ②栏函数:返回页面栏上的必要的参数值;

    例如:

    ③使用queryParams(查询参数)拿参数:页面大小,页码,排序,排序字段等;

     

    ④对象初始化函数,包括选用什么请求方式、后台URL、分页方式等一系列的页面设置;

    ⑤选择行函数,返回所选的行,当没有选择任何行的时候返回一个空数组;

    ⑥点击行函数,用于刷新行;

    ⑦刷新表单函数;

    ⑧使用layui框架中增删改查功能等,其中用到了ajax技术;

    (什么是ajax技术:

    直白地说,就是没用AJAX的网页,你点一个按钮就要刷新一下页面,尽管新页面上只有一行字和当前页面不一样,但你还是要无聊地等待页面刷新。

    用了AJAX之后,你点击,然后页面上的一行字就变化了,页面本身不用刷)

    3.文件路径/gzy-sc-ui/src/main/java/com/gzy/controller/下创建MedicinalGoneTestController.java;

    创建一个UI层的控制器:

     

    用来调用medicinalGoneTest/list和medicinalGoneTest/edit这个两个页面;

    (注:GetMapping是一个组合注解,是@RequestMapping(method = RequestMethod.GET)的缩写。该注解将HTTP Get 映射到 特定的处理方法上。)

    4.文件路径/gzy-sc-admin/src/main/resources/mapper/下创建MedicinalGoneTestMapper.xml:它是数据库连接池Mybatis的配置文件(详解请查看https://www.cnblogs.com/dqh94/p/7404100.html):

     

    其中包括数据库的增删改查,配置文件的主要元素如下图所示:

    5.文件路径/gzy-sc-admin/src/main/java/com/gzy/dao/下创建MedicinalGoneTestMapper.java,创建Mybatis连接池的接口,一般都是

    Mapper.xml+Mapper.java的组合,作用相当于dao:

    (其中包括定义数据库连接的增删改功能)

    6.文件路径/gzy-sc-admin/src/main/java/com/gzy/service/下创建MedicinalGoneTestService.java,创建用户层处理业务逻辑的接口,包括增删改,但不涉及到访问数据库:

     7.文件路径/gzy-sc-admin/src/main/java/com/gzy/service/impl/下创建MedicinalGoneTestServiceImpl.java,创建用户层业务处理的具体实现类,包括增删改:

    8.文件路径/gzy-sc-admin/src/main/java/com/gzy/controller/下创建MedicinalGoneTestController.java,创建用户层的控制器类,调用具体的增删改的功能模块:

    三、项目调试

    1.页面显示故障,无法执行基本功能和显示数据库数据:

     调试:

    1.问题出现在/gzy-sc-admin/src/main/java/com/gzy/controller/MedicinalGoneTestController.java文件中:

    当用POST、PUT模式提交数据时,发现服务器端接受不到提交的数据,这里需要选择正确的路径才行;

    调试完成,页面恢复正常:

     2. 问题:F12查看出现错误:Failed to load resource: the server responded with a status of 500 ():bad request一般是请求的request有问题,不符合服务器的要求导致的,可能是URL拼的有问题,可能是参数传的不对。可以检查下URL和确认下服务器对前台发送的请求有没有一些特别的要求规范,一些参数格式的要求。

    调试:/gzy-sc-ui/src/main/resources/static/ag/productBaseTest/productBaseTest.js文件中修改url

    结果:页面恢复正常:

     3.medicinalInfTest药品图片无法显示?

    *调试:本地找不到药品图片文件;

    4.角色管理页面出现404BUG;

    调试:问题出现在/gzy-sc-admin/src/main/java/com/gzy/controller/RoleController.java中,F12控制台信息显示:rolelistTest接口获取不到,是因为ID不同造成的,修改RoleController.java中“roleTestlist”为“list”,问题解决;

  • 相关阅读:
    LOJ#6031. 「雅礼集训 2017 Day1」字符串
    LG P4768 [NOI2018] 归程
    LG P3250 [HNOI2016]网络
    BZOJ4644 经典傻逼题
    LG P4373 [USACO18OPEN]Train Tracking P
    CF1375H Set Merging
    LG P6541 [WC2018]即时战略
    CF1097G Vladislav and a Great Legend
    python学习笔记-基本概念
    python学习笔记十-文件操作
  • 原文地址:https://www.cnblogs.com/zhzJAVA11/p/8275094.html
Copyright © 2011-2022 走看看