保險H5頁面 新增模板設計記錄

2021-08-20 07:39:41 字數 913 閱讀 1547

保險的前端h5頁面一般內容就是投保人,被保人,姓名出生年月,投保日期等等,加上一些其他的資訊

然後每次業務方新增乙個新的保險的頁面,最初是需要重新,新寫乙個頁面

後面覺得過於耗費人力,考慮設定幾個不同的模板,這樣只需要後端管理系統新增即可,無需前端系統再進行新的開發

比如,投被保人相同的模板,保險起止期預設一年的模板,短期旅遊險相關類似模板

之後,每次新增h5頁面的時候,可以在頁面設定投保頁面所需的所有內容,具體如下

投保人資訊(包括姓名,出生年月,**)

被保人資訊

保險起止期

投保申明鏈結,條款鏈結

投保人年齡限制多少歲到多少歲

支付方式也可以設定

增加個表設計

1,出單模板資訊表

template_lib_idvarchar2(50)n模板庫**

page_template_idvarchar2(50)n模板**

page_template_namevarchar2(50)n模板名稱

2,賬號資訊表

出單賬號

產品**

產品名稱

產品描述

出單模板

支付方式

保險費標準保險費

標準保險費說明

備註最大保險期限日

最大保險期限月

最大可承保日期(日)

最大可承保日期(月)

被保人最大年齡

被保人最小年齡

被保人限制性別(0:無限制;1:男;2:女)

投保最大年齡

投保最小年齡

投保人限制性別(0:無限制;1:男;2:女)

投保人宣告

0無效,1有效

1模板產品,0個性產品

折前金額

活動起期

活動止期

保費折扣比例

h5頁面開發

相信大家在做h5頁面開發的時候,也會遇到一些問題。筆者將h5開發過程中常見的一些問題和解決辦法列舉出來,有需要的朋友可以參考一下。1.安卓瀏覽器看背景,有些裝置會模糊。同等比例的在pc端頁面和移動手機端頁面的解析度差很多,原因和devicepixelratio有關。手機解析度比pc端的解析度小,按照...

H5及H5頁面是什麼意思?如何製作H5頁面?

h5是html5的簡稱。html5是html最新的修訂版本,是一種超文字標記語言。h5有兩大特點 首先,強化了 web 網頁的表現效能。其次,追加了本地資料庫等 web 應用的功能。第二步 選擇 高階模式 點 建立應用。第三步 進入製作頁面。九個控制項,通過點選新增到製作介面,控制項的選擇使用按照你...

h5頁面的寫法 移動端h5頁面寫法

1.頁面寬度320,所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640,元素尺寸正常 暫未發現問題 3.頁面寬度640,js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...