HAP_头⾏/主从结构的实现

最新推荐文章于 2024-09-24 11:35:14 发布
最新推荐文章于 2024-09-24 11:35:14 发布
阅读量301 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34271119/article/details/83796659
版权

实现说明：

  • student.html--学生页面

  • student_score.html--成绩页面
    用两个页面做成下图结构：(在学生页面点击编辑成绩，然后弹出成绩添加页面)


    13265172-fdda623efc44adcd.png
    image.png
  • 数据表准备：
    wht_ora_20796_student.sql 
CREATE TABLE `wht_ora_20796_student` (
  `STUDENT_ID` INT(11) NOT NULL AUTO_INCREMENT COMMENT '表ID，主键，供其他表做外键',
  `STUDENT_NAME` VARCHAR(50) NOT NULL COMMENT '学生名称',
  `AGE` INT(11) DEFAULT NULL COMMENT '年龄',
  `GRADE` VARCHAR(30) NOT NULL COMMENT '级别',
  `OBJECT_VERSION_NUMBER` INT(11) DEFAULT '1' COMMENT '版本号',
  `CREATION_DATE` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `CREATED_BY` INT(11) NOT NULL DEFAULT '-1',
  `LAST_UPDATED_BY` INT(11) NOT NULL DEFAULT '-1',
  `LAST_UPDATE_DATE` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `LAST_UPDATE_LOGIN` INT(11) DEFAULT NULL,
  `PROGRAM_ID` INT(11) DEFAULT NULL,
  `REQUEST_ID` INT(11) DEFAULT NULL,
  `ATTRIBUTE_CATEGORY` VARCHAR(30) DEFAULT NULL,
  `ATTRIBUTE1` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE2` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE3` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE4` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE5` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE6` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE7` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE8` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE9` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE10` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE11` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE12` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE13` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE14` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE15` VARCHAR(240) DEFAULT NULL,
  PRIMARY KEY (`STUDENT_ID`)
) ENGINE=INNODB AUTO_INCREMENT=10 DEFAULT CHARSET=utf8 COMMENT='学生表';

wht_ora_20796_student_score.sql

CREATE TABLE `wht_ora_20796_student_score` (
  `STUDENT_SCORE_ID` INT(11) NOT NULL AUTO_INCREMENT COMMENT '表ID，主键，供其他表做外键',
  `STUDENT_ID` INT(11) NOT NULL COMMENT '学生 ID',
  `COURSE` VARCHAR(50) NOT NULL COMMENT '课程',
  `SCORE` INT(11) DEFAULT NULL COMMENT '分数',
  `OBJECT_VERSION_NUMBER` INT(11) DEFAULT '1' COMMENT '版本号',
  `CREATION_DATE` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `CREATED_BY` INT(11) NOT NULL DEFAULT '-1',
  `LAST_UPDATED_BY` INT(11) NOT NULL DEFAULT '-1',
  `LAST_UPDATE_DATE` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `LAST_UPDATE_LOGIN` INT(11) DEFAULT NULL,
  `PROGRAM_ID` INT(11) DEFAULT NULL,
  `REQUEST_ID` INT(11) DEFAULT NULL,
  `ATTRIBUTE_CATEGORY` VARCHAR(30) DEFAULT NULL,
  `ATTRIBUTE1` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE2` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE3` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE4` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE5` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE6` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE7` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE8` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE9` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE10` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE11` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE12` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE13` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE14` VARCHAR(240) DEFAULT NULL,
  `ATTRIBUTE15` VARCHAR(240) DEFAULT NULL,
  PRIMARY KEY (`STUDENT_SCORE_ID`),
  KEY `wht_ora_2062_student_score_n1` (`STUDENT_ID`)
) ENGINE=INNODB AUTO_INCREMENT=10 DEFAULT CHARSET=utf8 COMMENT='学生课程分数表';

  • 代码自动生成器


    13265172-059f69d2022e5f32.png
    image.png
13265172-5949235f45e3a651.png
image.png
  • 学生页面：student.html 添加功能维护，功能分配，资源维护等，去掉多余字段

资源管理

13265172-95570f3125f1b016.png
image.png

添加功能模块

13265172-506dae1bcf7f3b88.png
image.png

功能分配--记得保存喔

13265172-a00e66a1d272356f.png
image.png

  • 学生分数页面：student_score.html 添加资源维护，去掉多余字段

    13265172-2fc8f12d3e92d7e7.png
    image.png

    查看：http://localhost:8080/ora20796/student_score.html
    13265172-4872a50c8efda35a.png
    image.png

  • 将两个页面关联，在学生页面中点击弹出显示学生成绩页面
    student.html
    添加一个div用来显示学生成绩页面

<!--编辑成绩窗口-->
    <div id="scoreWindow"></div>

初始化DIV

  //初始化⻆⾊选择window
    $("#scoreWindow").kendoWindow({
        width: "900px",
        height:"300px",
        title: '<@spring.message "20796.studentscore.score"/>',
        modal:true,
        resizable: false,
        visible:false,
        iframe:true
    });

增加一列可以用来点击弹出成绩页面：

   //弹出window 选择⻆⾊
            {
                title:'<@spring.message "ora20796.studentscore.score"/>',
                width : 90,
                headerAttributes: {
                    style : "text-align: center"
                },
                attributes: {style: "text-align:center"},
                template : function (rowdata) {
                    if (!!rowdata.studentId) {
                        return '<a href="#" onclick="openScoresWindow(' + rowdata.studentId + ')"> <@spring.message "ora20796studentscore.score"/></a>'
                    } else return ''
                },
                sortable: false
            },

添加函数openScoresWindow()：
注意页面路径

  /**
     * 打开⻆⾊分配窗⼝
     * @param studentId
     */
<script type="text/javascript">
    function openScoresWindow(studentId) {
        var win = $("#scoreWindow").data("kendoWindow");
        win.refresh('student_score.html?studentId=' + studentId);
        win.center().open();
    }
</script>
13265172-1a39f3d0c501285f.png
image.png

页面关联我们做好了，那接下来就开始做主从页面的数据关联

  • 主页面和从页面进行数据关联：
    开始的时候我们先检查一下主页面有没有把studentId的值（在主页面student.html的function openScoresWindow(studentId)）传给从页面student_score.html
    在student_score.html添加：
<script type="text/javascript">
    var viewModel = Hap.createGridViewModel("#grid");
    var studentId="${RequestParameters.studentId!0}";
    console.log("Got student id: "+studentId)
</script>

http://localhost:8080/ora20796/student_score.html?studentId=10
去到前台，F12打开控制台观察，点击编辑查询按钮

13265172-0bfae264b02a8532.png
image.png

发现我们已经有值啦哈
回到 student.html页面
为了以防万一，我们给studentId一个默认值吧 

fields:{
   studentId:{
      defaultValue:${RequestParameters.studentId!0}
            }
      }

然后现在我们就可以插入数据了：


13265172-63c3e49880833288.png
image.png

现在还没结束喔，我们发现，我们查出来的数据是所有学生的成绩，而我们希望达到的需求是点击学生A只查询出学生A的成绩，那么怎么做呢？继续...

Ora20796StudentScoreMapper.java添加查询语句id为：selectScoresByStudentId

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="wht.ora20796.mapper.Ora20796StudentScoreMapper">
    <resultMap id="BaseResultMap" type="wht.ora20796.dto.Ora20796StudentScore">
        <result column="STUDENT_SCORE_ID" property="studentScoreId" jdbcType="DECIMAL"/>
        <result column="STUDENT_ID" property="studentId" jdbcType="DECIMAL"/>
        <result column="COURSE" property="course" jdbcType="VARCHAR"/>
        <result column="SCORE" property="score" jdbcType="DECIMAL"/>
    </resultMap>
    <select id="selectScoresByStudentId"
            resultMap="BaseResultMap"
            parameterType="wht.ora20796.dto.Ora20796StudentScore">
          SELECT
              ss.student_score_id,
              ss.student_id,
              ss.course,
              ss.score
           FROM wht_ora_20796_student_score ss
           WHERE ss.student_id=#{studentId,jdbcType=DECIMAL}
           order by ss.course
</select>
</mapper>

Ora20796StudentScoreMapper .java

package wht.ora20796.mapper;

import com.hand.hap.mybatis.common.Mapper;
import wht.ora20796.dto.Ora20796StudentScore;

import java.util.List;

public interface Ora20796StudentScoreMapper extends Mapper<Ora20796StudentScore>{
   /**
    * 根据学生Id查询学生课程成绩
    * @param criteria
    * @return
    */
   List<Ora20796StudentScore> selectScoresByStudentId(Ora20796StudentScore criteria);
}

IOra20796StudentScoreService.java接口类

package wht.ora20796.service;

import com.hand.hap.core.IRequest;
import com.hand.hap.core.ProxySelf;
import com.hand.hap.system.service.IBaseService;
import wht.ora20796.dto.Ora20796StudentScore;

import java.util.List;

public interface IOra20796StudentScoreService extends IBaseService<Ora20796StudentScore>, ProxySelf<IOra20796StudentScoreService>{
    /**
     *
     * @param request
     * @param studentId
     * @param page
     * @param paseSize
     * @return
     */
    List<Ora20796StudentScore> selectScoresByStudentId(IRequest request,Long studentId,int page,int paseSize);
}

Ora20796StudentScoreServiceImpl.java实现上面的接口

package wht.ora20796.service.impl;

import com.github.pagehelper.PageHelper;
import com.hand.hap.core.IRequest;
import com.hand.hap.system.service.impl.BaseServiceImpl;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import wht.ora20796.dto.Ora20796StudentScore;
import wht.ora20796.mapper.Ora20796StudentScoreMapper;
import wht.ora20796.service.IOra20796StudentScoreService;
import org.springframework.transaction.annotation.Transactional;

import java.util.List;

@Service
@Transactional(rollbackFor = Exception.class)
public class Ora20796StudentScoreServiceImpl extends BaseServiceImpl<Ora20796StudentScore> implements IOra20796StudentScoreService {
    @Autowired
    private Ora20796StudentScoreMapper studentScoreMapper;

    @Override
    public List<Ora20796StudentScore> selectScoresByStudentId(IRequest request, Long studentId, int page, int paseSize) {
        PageHelper.startPage(page, paseSize);
        Ora20796StudentScore criteria = new Ora20796StudentScore();
        criteria.setStudentId(studentId);
    //selectScoresByStudentId()这个是在studentScoreMapper里面的
        return studentScoreMapper.selectScoresByStudentId(criteria);

    }
}

控制器：Ora20796StudentScoreController .java添加自定义查询

 @Controller
    public class Ora20796StudentScoreController extends BaseController{

    @Autowired
    private IOra20796StudentScoreService service;

/***********/
@RequestMapping(value = "/wht/ora/20796/student/score/query/{studentId}")
@ResponseBody
public ResponseData selectScoresByStudentId(Ora20796StudentScore dto,
                                            //添加我们页面传来的学生id
                                           @PathVariable Long studentId,
                                           @RequestParam(defaultValue = DEFAULT_PAGE) int page,
                                           @RequestParam(defaultValue = DEFAULT_PAGE_SIZE) int pageSize, HttpServletRequest request) {
    IRequest requestContext = createRequestContext(request);
  //service.selectScoresByStudentId()这个方法是自己在上面Ora20796StudentScoreServiceImpl.java定义的
    return new ResponseData(service.selectScoresByStudentId(requestContext, studentId, page,pageSize));
}
/***********/

回到student_score.html页面更改query的url
路径要和上面的RequestMapping()对应啊，不要少了$啊

  read: {
                //${RequestParameters.studentId!0}
                url: BaseUrl + "/wht/ora/20796/student/score/query/${RequestParameters.studentId!0}",
                type: "POST",
                dataType: "json"
            },

到这里我们就功能就基本实现了
学生A一个成绩


13265172-c06978113e5ef563.png
image.png

学生B两个成绩


13265172-1b10359144b1d5e3.png
image.png
灯下驼贼
关注
深入学习 Redis - 主从结构配置、流程、底层原理（全网最详细）
CYK_byte的博客
08-11 9089
单点问题可用性：如果这个机器挂了，意味着服务就中断了.性能：支持的并发量也是比较有限的.因此引入分布式系统，主要也是为了解决上述的单点问题~ 分布式系统中，往往需要多个服务器来部署 redis 服务，从而构成redis 集群，此时就可以让这个集群给整个分布式系统中的其他服务，提供更稳定 / 更高效的数据存储功能.本章主要来讲一下 redis 部署方式中的主从模式~
详细讲解Redis主从结构配置以及复制原理(一)
远方和诗 的博客
09-08 1786
Redis是基于内存的NoSql数据库，同时以其卓越的读写性能闻名业内，并且我在这篇博客Redis持久化机制原理分析与解惑-为什么Redis进行RDB持久化数据时，新起一个进程而不是在原进程中起一个线程中讲过Redis的两种数据持久化方式，但是如果Redis读写压力较大的情况下，将所有的数据都存在一个实例中，这将会大大降低Redis的性能，但是我们可以使用Redis提供的主从复制功能来实现数据冗余和读写分离。
HAP_新建客户(头行结构)
Code First
08-18 837
效果： image.png 步骤一：customer.html页面 1. 1 .先设计头的样式 image.png image.png image.png 产品grid image.png image.png 联系人grid: image.png i...
镜 | 五大维度深度剖析 Redis 主从架构原理
悟空聊架构的专栏
08-31 453
大家好，我是悟空。 前言 玩过王者荣耀的同学，应该都知道里面有个英雄叫做镜，她释放技能时，会出现一个长相一模一样的分身，而且动作也是一样的。 那么我们今天要讨论的主从架构原理其实就是多个节点中有一个作为本体，其他节点作为分身存在，但是本体和分身的数据都是一样的。 为了保证缓存的高可用，我们经常听到采用主从架构来保证高可用，那如何去理解主从架构核心原理呢？ 这次我们还是用最熟悉的 Redis 缓存来理解主从架构，只要理解了一个主从架构，其他技术的主从架构都是一通百通。 Redis 的主从架构，其实就是利用多
HAP头行结构部分整理
weixin_33877885的博客
08-09 253
附件中有参考文档和小作业源码 1.引用两个快码： <script src="${base.contextPath}/common/code?bankTypeData=HBI.DEMO.BANK_TYPE&bankNameData=HBI.DEMO.BANK_NAME" type="text/javascript"> </script&g...
Hadoop学习笔记（六）：Hadoop读写文件时内部工作机制
diaoqi5743的博客
12-17 414
读文件 　　读文件时内部工作机制参看下图： 　　客户端通过调用FileSystem对象（对应于HDFS文件系统，调用DistributedFileSystem对象）的open()方法来打开文件（也即图中的第一步），DistributedFileSystem通过RPC（Remote Procedure Call）调用询问NameNode来得到此文件最开始几个block的文件位置（...
hap
03-28
hap
harbor 主从
qq_36270681的博客
08-25 406
https://blog.csdn.net/weixin_45308292/article/details/107248788?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-7-107248788.nonecase&utm_term=harbor%20%E9%85%8D%E7%BD%AE%E5%90%8C%E6%AD%A5
HAP_SecureCRT.rar_HAP_SecureCRT
09-21
标题 "HAP_SecureCRT.rar_HAP_SecureCRT" 暗示了这是一个与网络通信和终端模拟器软件 SecureCRT 相关的压缩文件，可能包含了用于COM端口调试的相关配置或教程。SecureCRT是一款广泛使用的软件，允许用户通过安全的...
HAP_Advanced_PDF_Password_Recovery 5.05
08-07
HAP_Advanced_PDF_Password_Recovery 5.05 PDF破解软件
HAP_SQLyog_Enterprise_7.14
03-23
《HAP_SQLyog_Enterprise_7.14：高效管理MySQL数据库的得力助手》 SQLyog是一款强大的MySQL数据库管理和开发工具，由Webyog公司开发，它以其直观的用户界面、高效的性能和丰富的功能深受广大数据库管理员和开发者的...
linux远程工具 HAP_SecureCRT_5.1.3 和上传工具 FileZilla FTP Client
10-27
连接成功后，用户可以拖拽文件实现本地和服务器之间的双向传输。 综上所述，HAP_SecureCRT和FileZilla是Linux系统管理中的得力助手，它们帮助我们高效、安全地进行远程操作和文件交换。在实际工作中，掌握这两个...
MySQL 主从架构原理
weixin_34452850的博客
08-30 2037
MySQL 主从架构原理 一. 主从架构基本原理 上图展示的是 MySQL 的主从切换流程。在 State-1 中，客户端的读写都直接访问节点 A，而节点 B 是 A 的备库，只是将 A 的更新都同步过来，到本地执行。这样可以保持节点 B 和 A 的数据是相同的。当需要切换的时候，就切成状态 2。这时候客户端读写访问的都是节点 B，而节点 A 是 B 的从库。 在主从架构下，建议把从库设置为 Read-Only 模式，这样做有以下几个考虑： 有时候一些运营类的查询语句会被放到备库上去查，设置为只读可以防
Angular2初级篇之主从结构
figer若水一涵的博客
12-02 630
前面一篇文章讲解了如何建立一个基础项目。若又不知道的请看前一篇文章，这里不做赘述了。 先看一下目录结构： 下面我们将写一个基础的列表显示。 1、在app.component.ts中创建一个英雄数组： export class Hero {//英雄实体类   id: number;   name: string; } const HEROES: Hero[] = [/
MySQL主从结构，一主一从，一主多从
qq_44659804的博客
11-09 961
MySQL主从结构，一主一从，一主多从
一文带你深入了解 redis 复制技术及主从架构
平头哥的技术博文
11-27 2021
主从架构可以说是互联网必备的架构了，第一是为了保证服务的高可用，第二是为了实现读写分离，你可能熟悉我们常用的 MySQL 数据库的主从架构，对于我们 redis 来说也不意外，redis 数据库也有各种各样的主从架构方式，在主从架构中会涉及到主节点与从节点之间的数据同步，这个数据同步的过程在 redis 中叫做复制，这在篇文章中，我们详细的聊一聊 redis 的复制技术和主从架构 ，本文主要有以下...
harr 主程序
01-03
MATLAB环境下，harr代码的主程序.
HA主主(A/A)模式
最新发布
2401_84389418的博客
09-24 461
HA主主(A/A)模式配置案例
Semi-Markov Toolbox.zip_hap_high_semi markov _semi- markovian_se
07-13
标题“Semi-Markov Toolbox.zip_hap_high_semi markov _semi- markovian_se”暗示了这是一个用于高海拔信道建模的工具箱，其中包含了对半马尔可夫过程的分析。描述进一步明确了这个工具箱专注于分析高海拔环境中的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值