ExcelHome技术论坛

 找回密码
 免费注册

QQ登录

只需一步,快速开始

EH搜索     
EH技术汇-专业的职场技能充电站 妙哉!函数段子手趣味讲函数 Excel服务器-会Excel,做管理系统 Excel Home精品图文教程库
Excel不给力? 何不试试FoxTable! Excel 2016函数公式学习大典 Office知识技巧免费学 打造核心竞争力的职场宝典
300集Office 2010微视频教程 Tableau-数据可视化工具 精品推荐-800套精选PPT模板,点击获取 ExcelHome出品 - VBA代码宝免费下载
你的Excel 2010实战技巧学习锦囊 欲罢不能, 过目难忘的 Office 新界面 Excel VBA经典代码实践指南
查看: 9066|回复: 21

[求助] 用excel当数据库,做个简单的网页

[复制链接]

TA的精华主题

TA的得分主题

发表于 2018-7-5 12:55 | 显示全部楼层 |阅读模式

求帮忙,万分感谢!
只需要一个简单的网页显示就够了,能在代码里面修改序号值,其他格子而显示不同的内容(根据EXCEL的表里面的内容)


QQ截图20180705125018.png
box.rar (1.73 KB, 下载次数: 46)

TA的精华主题

TA的得分主题

发表于 2018-7-5 13:15 来自手机 | 显示全部楼层
可以参考下这个
Screenshot_2018-07-05-13-14-16.png

TA的精华主题

TA的得分主题

发表于 2018-7-5 13:15 来自手机 | 显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>搜索 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
body { margin: 3px; font-family: Verdana, sans-serif; font-size: 13px; }
.title { font-size: 18px; font-weight: bolder;margin:40px 0; }
.input { width: 50%; font-family: Verdana, sans-serif; font-size: 13px; text-indent: 2px; }
</style>
   

</head>
<body>
<div>
                <input type="search" value="" id="searchwords" name="text" placeholder="搜索关键词" onkeyup="showList()"  autocomplete="off" />
  </div>      
  <div id="detail">

  </div>
   <textarea id="tiplist" name="tiplist" onblur="fill()" style="width: 1086px; height: 560px;display:none">序号        名称        颜色        型号        价格
TG-001        风扇        红        wi-13        165
TG-002        电风扇        白        fs-005        187
TG-003        空调扇        蓝        kts-0175        365
TG-004        换气扇        灰        hqs845        85</textarea>
  </body>
  
    <script type="text/javascript">
var arr=[];
var arr2=[];
//数据
arr=['JavaScript特效','JS效果','Js代码','Java特效','Javascript代码','JS脚本','Js是什么意思','Java','Java游戏'];
//alert(arr[0]);
arr=document.getElementById("tiplist").value.split("\n");

//alert(arr)

function showList(){
var v=document.getElementById("searchwords").value;//获得搜索栏值
arr2.push(arr[0]);
for (var i=1;i<arr.length;i++){
if(arr[i].toLowerCase().indexOf(v.toLowerCase())>=0)
{
//alert(arr[i])

arr2.push(arr[i]);
//alert(arr2);
}
}//for
//alert(1)
//alert(arr2);
var html="<table>";
for(j=0;j<arr2.length;j++){  //行
html=html+"<tr>";
var arr_col=arr2[j].split('\t');//列
//alert(arr_col.length);
//for( j2=0;j2<3;j2++)

  for(var j2=0;j2<arr_col.length;j2++)

{
//  alert(j2);

      html+='<td>'+arr_col[j2]+'</td>';
  }

  //for col
html+="</tr>";

}// for j

html+="</table>"
//  alert(html)

document.getElementById("detail").innerHTML=html;
arr2=[];
//alert(arr2);

}//show
</script>

</html>

















TA的精华主题

TA的得分主题

 楼主| 发表于 2018-7-5 13:18 | 显示全部楼层

TA的精华主题

TA的得分主题

发表于 2018-7-5 13:20 来自手机 | 显示全部楼层
83gege 发表于 2018-7-5 13:18
能分享一下源码么?

http://e.anyoupin.cn/pdo/eh/a32/a32d/index.html
代码还在审核中。

TA的精华主题

TA的得分主题

 楼主| 发表于 2018-7-5 13:44 | 显示全部楼层
zpy2 发表于 2018-7-5 13:20
http://e.anyoupin.cn/pdo/eh/a32/a32d/index.html
代码还在审核中。

乱码了,是不是还缺少文件。能打包一份么?谢谢!
另外,我看代码上,把excel的内容复制上去了,不是直接读取excel么?

QQ截图20180705134139.png

TA的精华主题

TA的得分主题

发表于 2018-7-5 13:55 来自手机 | 显示全部楼层
83gege 发表于 2018-7-5 13:44
乱码了,是不是还缺少文件。能打包一份么?谢谢!
另外,我看代码上,把excel的内容复制上去了,不是直 ...

直接访问链接,然后另存一下吧,这个是utf-8格式的,你大概存成asc了。浏览器沙盒模式不能读取客户端文件,要读只有通过后台语言了。

TA的精华主题

TA的得分主题

发表于 2018-7-5 14:01 | 显示全部楼层
zpy2 发表于 2018-7-5 13:55
直接访问链接,然后另存一下吧,这个是utf-8格式的,你大概存成asc了。浏览器沙盒模式不能读取客户端文件 ...

  大神,  你好厉害

TA的精华主题

TA的得分主题

发表于 2018-7-5 14:34 来自手机 | 显示全部楼层
cwpccna 发表于 2018-7-5 14:01
大神,  你好厉害

不是大神,我是菜鸟,刚刚开始学js.

TA的精华主题

TA的得分主题

发表于 2019-7-9 10:50 | 显示全部楼层
zpy2 发表于 2018-7-5 14:34
不是大神,我是菜鸟,刚刚开始学js.

大神,你好,看到你在网上分析的内容,我想用一个页面方便同事查询我整理的拖车报价信息,可以帮忙实现吗?
您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

关注官方微信,每天学会一个新技能

手机版|关于我们|联系我们|ExcelHome

GMT+8, 2020-9-23 22:02 , Processed in 0.082418 second(s), 14 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 1999-2021 Wooffice Inc.

   

沪公网安备 31011702000001号 沪ICP备11019229号

本论坛言论纯属发表者个人意见,任何违反国家相关法律的言论,本站将协助国家相关部门追究发言者责任!     本站特聘法律顾问:徐怀玉律师 李志群律师

快速回复 返回顶部 返回列表