React学习之围棋记谱本制作（六）棋谱保存

不念不忘少年蓝@ 2022-04-11 09:19 185阅读 0赞

这块功能仅从原理上走通为目的，代码没有仔细推敲、数据结构的合理性也没有仔细考虑。代码也比较简单，只是express、oracledb、JQuery的使用。  
　　流程大致为：页面搜集要保存的棋子编号、颜色信息，通过JQuery的$.post方法提交，提交到服务器端通过express提供的地址，如http://localhost:8888/go/save，由服务器端的Node.js程序调用oracledb将数据保存。  
　　打开棋谱流程：页面通过JQuery的$.get方法，调用服务（http://localhost:8888/go/load），服务端端对应的程序读取数据，返回JSON。装载的结果，我仅在控制台进行了输出，没有在棋谱上显示。技术上都走通了，实在懒得再完善了。  
　　不知大家有没有这样的感觉，刚开始写程序时，觉得很好玩，写得很来劲儿，但到了后来，程序需要不停地完善、甚至有些要重写，兴趣就会逐渐消退。  
  
　　遇到的问题列一列：  
　　oracledb默认不自动提交，insert的数据看不到；  
　　express需要body-parser插件才能读取post的数据  
  
　　大致展示一下相关的代码。  
  
\[b\]一、程序入口文件app.js\[/b\]

// 引入模块
    var express = require('express');
    var bodyParser = require("body-parser")
    var path = require('path');
    var ejs = require('ejs');
    var goAction = require("./server/action/goAction")
    var app = express();
    app.use(bodyParser.urlencoded({ extended: false }))
    app.use(bodyParser.json())
    
    // 新增接口路由
    app.get('/data/:module', function (req, res, next) {
       
        var c_path = req.params.module;
        var Action = require('./server/action/' + c_path);
        Action.execute(req, res);
    });
    
    //处理棋谱保存的路由
    app.get('/go/load', function (req, res, next) {
       
        goAction.load(req,res);
    });
    //处理棋谱保存的路由
    app.post('/go/save', function (req, res, next) {
       
        goAction.save(req,res);
    });
    // 对所有(/)URL或路由返回index.html
    app.get('/', function (req, res) {
       
        console.log(req.url);
        res.render('index');
    });
    // 设置views路径和模板
    app.set('views', path.join(__dirname, 'dist'));
    app.set('view engine', 'html');
    app.engine('html', ejs.renderFile);
    // app.use配置
    app.use('/', express.static(path.join(__dirname, 'dist')));
    // 启动一个服务，监听从8888端口进入的所有连接请求
    var server = app.listen(8888, function(){
       
        var host = server.address().address;
        var port = server.address().port;
    });

\[b\]二、数据辅助类DbUtil.js\[/b\]  
建表语句如下：

create table t_pos(
    id varchar2(32) primary key,--GUID做主键
    nums varchar2(1800),--分号分隔的棋子编号
    colors varchar2(1800),--分号分隔的棋子颜色
    record_date date default sysdate --记录时间
    );

\[b\]三、后台服务类goAction.js，响应页面请求\[/b\]