在线文档阅读系统搭建——支持游客直接扫码付款阅读或下载

游客直接扫码付款阅读或下载

支持doc、docx、ppt、pptx、wps、dps、txt、pdf等常用格式的预览

图片预览：

代码如下：

<div class="s-opt-wr">
                  <label><input class="type-check" type="radio" name="ft" checked="" value="0">全部</label>
                      <label><input class="type-check" type="radio" name="ft" value="docx">DOC</label>
                      <label><input class="type-check" type="radio" name="ft" value="pdf">PDF</label>
                      <label><input class="type-check" type="radio" name="ft" value="ppt">PPT</label>
                      <label><input class="type-check" type="radio" name="ft" value="xls">XLS</label>
                      <label><input class="type-check" type="radio" name="ft" value="txt">TXT</label>
                   </div>

图片预览：

在线文档网站分类代码：

<div class="class-wr phone-hide">
    <div class="more"><a href="" class="hot-rec-h2">按分类浏览</a></div>
          <div class="class-lay">
             <h3><a href="cat-49-0-0-0.html">故障报错</a></h3>
             <ul>
                <li><a href="cat-49-209-0-0.html">内窥镜设备</a></li><li><a href="cat-49-162-0-0.html">放射设备</a></li><li><a href="cat-49-165-0-0.html">B超设备</a></li>
                       <!-- <li><a href="/Public/Home/baidu//list/1">...</a></li>              -->
             </ul>
         </div><div class="class-lay">
             <h3><a href="cat-50-0-0-0.html">操作手册</a></h3>
             <ul>
                <li><a href="cat-50-210-0-0.html">内窥镜设备</a></li><li><a href="cat-50-171-0-0.html">放射设备</a></li><li><a href="cat-50-172-0-0.html">B超设备</a></li>
                       <!-- <li><a href="/Public/Home/baidu//list/1">...</a></li>              -->
             </ul>
         </div><div class="class-lay">
             <h3><a href="cat-51-0-0-0.html">产品说明</a></h3>
             <ul>
                <li><a href="cat-51-211-0-0.html">内窥镜设备</a></li><li><a href="cat-51-184-0-0.html">放射设备</a></li><li><a href="cat-51-187-0-0.html">B超设备</a></li>
                       <!-- <li><a href="/Public/Home/baidu//list/1">...</a></li>              -->
             </ul>
         </div><div class="class-lay">
             <h3><a href="cat-52-0-0-0.html">技术图纸</a></h3>
             <ul>
                <li><a href="cat-52-212-0-0.html">内窥镜设备</a></li><li><a href="cat-52-192-0-0.html">放射设备</a></li><li><a href="cat-52-195-0-0.html">B超设备</a></li>
                       <!-- <li><a href="/Public/Home/baidu//list/1">...</a></li>              -->
             </ul>
         </div><div class="class-lay">
             <h3><a href="cat-110-0-0-0.html">调试手册</a></h3>
             <ul>
                <li><a href="cat-110-213-0-0.html">内窥镜设备</a></li><li><a href="cat-110-200-0-0.html">放射设备</a></li><li><a href="cat-110-203-0-0.html">B超设备</a></li>
                       <!-- <li><a href="/Public/Home/baidu//list/1">...</a></li>              -->
             </ul>
         </div><div class="class-lay">
             <h3><a href="cat-132-0-0-0.html">维修案例</a></h3>
             <ul>
                <li><a href="cat-132-214-0-0.html">内窥镜设备</a></li><li><a href="cat-132-179-0-0.html">放射设备</a></li><li><a href="cat-132-181-0-0.html">B超设备</a></li>
                       <!-- <li><a href="/Public/Home/baidu//list/1">...</a></li>              --> 
             </ul>

         </div>
        </div>

在线文档网站开发大家都可以参考借鉴。在线文档网站开发中有什么疑问可以私信我，可提供建站相关的技术咨询/建议/制作，有需要这方面的朋友可以私信（q:3328752804），大家一起交流进步。

标签：B超,扫码,...,--,放射,文档,阅读,内窥镜,设备
来源： https://blog.csdn.net/nanxu699/article/details/120311904