Oracle往列中插入html代码

  开发提了一个需求,需要往模板表中插入包含html代码的记录,表的ddl如下

create table WZ_SITEMSGTEMPLATE
(
  id              NUMBER(19) not null,
  templatecontent NCLOB,
  createtime      DATE,
  modeltype       NUMBER(10) default (1)  
)

  html代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        body,
        div,
        p,
        a,
        img,
        span,
        h2 {
            margin: 0;
            padding: 0;
        }
        body {
            line-height: 1;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
        }
        a {
            text-decoration: none;
        }
        img {
            border: 0;
        }
        .clearfix {
            overflow: hidden;
            zoom: 1;
        }
        .container--yx {
             750px;
            margin: 0 auto;
        }
        .container--yx .top_bar {
            height: 96px;
            padding: 0 24px;
        }
        .container--yx .top_bar .logo_box {
            float: left;
             263px;
            height: 37px;
            padding-top: 30px;
        }
        .container--yx .top_bar .qrcode_box {
             213px;
            float: right;
            padding-top: 18px;
        }
        .container--yx .top_bar .qrcode_box .qrcode_pic {
            float: left;
             62px;
            height: 62px;
            margin-right: 10px;
        }
        .container--yx .top_bar .qrcode_box .qrcode_text {
            float: right;
        }
        .container--yx .top_bar .qrcode_box .qrcode_text .lg_text {
            font-size: 23px;
            font-weight: bold;
        }
        .container--yx .top_bar .qrcode_box .qrcode_text .lg_text .red_text {
            color: #bd2230;
        }
        .container--yx .banner {
            position: relative;
             100%;
            height: 458px;
            background: url('http://static.xxxxxxxx.com/images/yx_banner.jpg') no-repeat;
            background-size: 100% 458px;
        }
        .container--yx .banner .price {
            position: absolute;
            top: 64px;
            left: 140px;
            color: #fff;
        }
        .container--yx .banner .price .mark {
            position: absolute;
            top: 26px;
            font-size: 82px;
            font-family: 'Microsoft Yahei';
            vertical-align: top;
        }
        .container--yx .banner .price .num {
            position: absolute;
            left: 82px;
            font-size: 238px;
            font-family: 'Arial, Helvetica, sans-serif';
        }
        .container--yx .banner .draw_coupon {
            position: absolute;
            top: 124px;
            right: 124px;
        }
        .container--yx .banner .draw_coupon .coupon_title {
            color: #fff;
            font-size: 36px;
            margin-bottom: 20px;
        }
        .container--yx .banner .draw_coupon .coupon_btn {
            padding: 5px 24px;
            color: #333;
            background: #fff;
        }
        .container--yx .banner .down_box {
            position: absolute;
            top: 310px;
            padding: 0 84px;
            color: #fff;
            line-height: 30px;
        }
        .container--yx .new_active {
            background: #f8f8f8;
            padding-bottom: 30px;
        }
        .container--yx .new_active h2 {
            font-size: 24px;
            line-height: 68px;
            text-align: center;
            font-weight: normal;
        }
        .container--yx .new_active .wrap {
            padding: 0 14px;
        }
        .container--yx .new_active .wrap img {
             235px;
            height: 112px;
        }
    </style>
</head>
<body>
    <div class="container--yx">
        <div class="top_bar clearfix">
            <img class="logo_box" src="http://static.xxxxxxxx.com/images/yx_logo.png" alt="">
            <div class="qrcode_box clearfix">
                <img class="qrcode_pic" src="http://static.xxxxxxxx.com/images/yx_qrcode.png" alt="">
                <div class="qrcode_text">
                    <p>首次下载App</p>
                    <div class="lg_text">
                        <p class="red_text">领188元</p>
                        <p>时尚礼包</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner">
            <div class="up_box">
                <div class="price">
                    <span class="mark">¥</span>
                    <span class="num">#lqamt#</span>
                </div>
                <div class="draw_coupon">
                    <p class="coupon_title">网龄券</p>
                    <a class="coupon_btn" href="http://member.xxxxxxxx.com/Acct/Promotion">点击领取 > </a>
                </div>
            </div>
            <div class="down_box">
                <p>
                  #lqcontent#
                </p>
            </div>
        </div>
        <div class="new_active">
            <h2>最新活动</h2>
            <div class="wrap">
                <a href="javascript:;">
                    <img src="http://static.xxxxxxxx.com/images/yx_pic01.jpg" alt="">
                </a>
                <a href="javascript:;">
                    <img src="http://static.xxxxxxxx.com/images/yx_pic02.jpg" alt="">
                </a>
                <a href="javascript:;">
                    <img src="http://static.xxxxxxxx.com/images/yx_pic03.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="footer_bar">
            <img src="http://static.xxxxxxxx.com/images/yx_bd.jpg" alt="">
        </div>
    </div>
</body>
</html>

  直接使用语句插入的时候,出现了“ORA-01756:引号内的字符串没有正确结束”的错误。

  我把代码截断一下,不用看起来那么费劲,重现一下错误

select  '[<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        body,
        div,
        p,
        a,
        img,
        span,
        h2 {
            margin: 0 ;
            padding: 0;]'
  from dual;

  上面的代码,无论是在PL/SQL Developer里执行,还是在linux终端的sqlplus里执行,都是一样的错误。

  有2个情况需要在这里说明一下

    一、在linux终端的sqlplus里执行的时候,修改一下sqlterminator为非';'的值,就能正常执行。

    二、我的PL/SQL Developer(版本:9.0.6)执行报错,但是旁边同事的PL/SQL Developer(版本:11.0.x)就执行成功,不确定是不是版本的问题,也可能是首选项或者其他配置的差异,至今没找到差异在哪里。

  google了一下,也没有搜索到答案,最终郑松华大师给了一个解决方法

select  '[<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        body,
        div,
        p,
        a,
        img,
        span,
        h2 {
            margin: 0 '||';'||' 
            padding: 0;]'
  from dual;

  原因是在oracle里,“;+换行”就是代表执行,所以就会提示上面的错误。但是让我疑惑的是,在字符串内的,为什么会执行?不到“'”结束,也只是一段字符串而已。

  此方法一;

  补充:

  因为html代码太长,使用这种方法插入到列的时候,会提示“ORA-01489:字符串连接的结果过长”。其中原因是把这些代码当做字符串来拼接,最大的长度不能超过varchar2的长度,解决方法是:把代码分开转换成nclob类型,再进行拼接,完整例子如下:

select seq_wz_sitemsgtemplate.nextval,
to_nclob('<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        body,
        div,
        p,
        a,
        img,
        span,
        h2 {
            margin: 0'||';'||' 
            padding: 0'||';'||' 
        }
        body {
            line-height: 1'||';'||' 
            font-family: Arial, Helvetica, sans-serif'||';'||' 
            font-size: 16px'||';'||' 
        }
        a {
            text-decoration: none'||';'||' 
        }
        img {
            border: 0'||';'||' 
        }
        .clearfix {
            overflow: hidden'||';'||' 
            zoom: 1'||';'||' 
        }
        .container--yx {
             750px'||';'||' 
            margin: 0 auto'||';'||' 
        }
        .container--yx .top_bar {
            height: 96px'||';'||' 
            padding: 0 24px'||';'||' 
        }
        .container--yx .top_bar .logo_box {
            float: left'||';'||' 
             263px'||';'||' 
            height: 37px'||';'||' 
            padding-top: 30px'||';'||' 
        }
        .container--yx .top_bar .qrcode_box {
             213px'||';'||' 
            float: right'||';'||' 
            padding-top: 18px'||';'||' 
        }
        .container--yx .top_bar .qrcode_box .qrcode_pic {
            float: left'||';'||' 
             62px'||';'||' 
            height: 62px'||';'||' 
            margin-right: 10px'||';'||' 
        }
        .container--yx .top_bar .qrcode_box .qrcode_text {
            float: right'||';'||' 
        }
        .container--yx .top_bar .qrcode_box .qrcode_text .lg_text {
            font-size: 23px'||';'||' 
            font-weight: bold'||';'||' 
        }
        .container--yx .top_bar .qrcode_box .qrcode_text .lg_text .red_text {
            color: #bd2230'||';'||' 
        }
        .container--yx .banner {
            position: relative'||';'||' 
             100%'||';'||' 
            height: 458px'||';'||' 
            background: url(''http://static.xxxxxxxx.com/images/yx_banner.jpg'') no-repeat'||';'||' 
            background-size: 100% 458px'||';'||' 
        }
        .container--yx .banner .price {
            position: absolute'||';'||' 
            top: 64px'||';'||' 
            left: 140px'||';'||' 
            color: #fff'||';'||' 
        }
        .container--yx .banner .price .mark {
            position: absolute'||';'||' 
            top: 26px'||';'||' 
            font-size: 82px'||';'||' 
            font-family: ''Microsoft Yahei' || ''||';'||' 
            vertical-align: top'||';'||' 
        }
        .container--yx .banner .price .num {
            position: absolute'||';'||' 
            left: 82px'||';'||' 
            font-size: 238px'||';'||' 
            font-family: ''Arial, Helvetica, sans-serif' || ''||';'||' 
        }
        .container--yx .banner .draw_coupon {
            position: absolute'||';'||' 
            top: 124px'||';'||' 
            right: 124px'||';'||' 
        }
        .container--yx .banner .draw_coupon .coupon_title {
            color: #fff'||';'||' 
            font-size: 36px'||';'||' 
            margin-bottom: 20px'||';'||' 
        }
        .container--yx .banner .draw_coupon .coupon_btn {
            padding: 5px 24px'||';'||' 
            color: #333'||';'||' 
            background: #fff'||';'||' 
        }
        .container--yx .banner .down_box {
            position: absolute'||';'||' 
            top: 310px'||';'||' 
            padding: 0 84px'||';'||' 
            color: #fff'||';'||' 
            line-height: 30px'||';'||' 
        }
        .container--yx .new_active {
            background: #f8f8f8'||';'||' 
            padding-bottom: 30px'||';'||' 
        }
        .container--yx .new_active h2 {
            font-size: 24px'||';'||' 
            line-height: 68px'||';'||' 
            text-align: center'||';'||' 
            font-weight: normal'||';'||' 
        }
        .container--yx .new_active .wrap {
            padding: 0 14px'||';'||' 
        }
        .container--yx .new_active .wrap img {
             235px'||';'||' 
            height: 112px'||';'||' 
        }
    </style>
</head>') || to_nclob('
<body>
    <div class="container--yx">
        <div class="top_bar clearfix">
            <img class="logo_box" src="http://static.xxxxxxxx.com/images/yx_logo.png" alt="">
            <div class="qrcode_box clearfix">
                <img class="qrcode_pic" src="http://static.xxxxxxxx.com/images/yx_qrcode.png" alt="">
                <div class="qrcode_text">
                    <p>首次下载App</p>
                    <div class="lg_text">
                        <p class="red_text">领188元</p>
                        <p>时尚礼包</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner">
            <div class="up_box">
                <div class="price">
                    <span class="mark">¥</span>
                    <span class="num">#lqamt#</span>
                </div>
                <div class="draw_coupon">
                    <p class="coupon_title">网龄券</p>
                    <a class="coupon_btn" href="http://member.xxxxxxxx.com/Acct/Promotion">点击领取 > </a>
                </div>
            </div>
            <div class="down_box">
                <p>
                  #lqcontent#
                </p>
            </div>
        </div>
        <div class="new_active">
            <h2>最新活动</h2>
            <div class="wrap">
                <a href="javascript:'||';'||' ">
                    <img src="http://static.xxxxxxxx.com/images/yx_pic01.jpg" alt="">
                </a>
                <a href="javascript:'||';'||' ">
                    <img src="http://static.xxxxxxxx.com/images/yx_pic02.jpg" alt="">
                </a>
                <a href="javascript:'||';'||' ">
                    <img src="http://static.xxxxxxxx.com/images/yx_pic03.jpg" alt="">
                </a>
            </div>
        </div>
        <div class="footer_bar">
            <img src="http://static.xxxxxxxx.com/images/yx_bd.jpg" alt="">
        </div>
    </div>
</body>
</html>')  ,
         sysdate,
         2
    from dual;

  方法二:先插入其他的列,在使用select …… for update来粘贴html代码列。 

select * from wz_sitemsgtemplate where id = 4388 for update  ;

  以上,如有错谬,请不吝指正。

原文地址:https://www.cnblogs.com/cnzeno/p/6708384.html