搭建本地服务器+js&html访问mysql并显示输出

8 篇文章 0 订阅
订阅专栏

  1. 今天是悲伤的一天,把mysql密码忘了,网上搜的方法没用,
  2. 本来以为卸载部分组件就好,屡屡爆炸,只能全卸载,
  3. 只下了个mysql server,倒是轻巧了很多。
  4. 尝试用js代码访问mysql库,需要npm install mysql,(后来才知道这玩意要放在执行代码的至多上三层目录)
    再按网上搜的改代码,屡屡爆炸。
  5. 唯一欣慰的是,问了chatgpt,很快给出了原理和解答(npm install mysql2为js代码和mysql库的中间层,mysql=require(‘mysql2’)
  6. 最后,chatgpt告诉我把访问数据库的js段插在html中不能再浏览器中实现的原因,并给出了方案→js代码访问本地数据库,再插入相应html。

人生苦短,先问chatgpt

1. 用Tomcat配置本地网站

Tomcat配置教程
警告
jdk不支持tomcat11,建议下载较低版本的tomcat(8.57是可以的)
问题

  • 为什么配置tomcat需要用到jdk呢
    在这里插入图片描述
  • jdk,java8,Java_SE的区别?
    在这里插入图片描述
    Java8(jdk1.8)是Java语言开发包的一个主要版本
    吐槽
  • windows配置太麻烦了,建议写一个bat脚本,像linux中一样

2. 访问本地网页

有3种选择:

  1. localhost:8080/test/hellocat.html
  2. WLAN地址:8080/test/hellocat.html
  3. 以太网地址:8080/test/hellocat.html
  • localhoost:8080对应Tomcat→webapps→ROOT文件夹
  • 命令行输入查看WLAN和Internet地址
>arp -a 

3. js访问本地mysql并显示在html中

PS: Chatgpt实在是有点强~~

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 用js访问本地mysql的简易代码也chatgpt写的
    在这里插入图片描述
  • 结合本地改变量
    >npm install mysql2
const mysql = require('mysql2');

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'username',
  password: 'password',
  database: 'mcc'
});

connection.connect((err) => {
  if (err) throw err;
  console.log('Connected!');
});

connection.query('SELECT * FROM customers', (err, results) => {
  if (err) throw err;
  console.log(results);
});
htmljsmysql_从本地html / javascript网站插入mySQL数据库
weixin_42309083的博客
01-18 1317
我想做什么我的程序的目的是将数据从本地HTML / JS网站插入到在线(非本地)mySQL数据库中.到目前为止我的尝试我试图利用的原始方法是,让我的本地网站利用javascript通过在线PHP文件发布数据,然后让这个PHP文件将此信息插入到mySQL表中.但我一直收到与原始请求相关的错误.在以编程方式到达墙后,我打开了一个Stackoverflow Thread,以确定是否有可能从本地网站发布到...
html如何使用mysql数据库_html怎么连接数据库
weixin_31282885的博客
02-01 2万+
html里怎么用javascript连接数据库CSS布局HTML小编今天和大家分享助,要代码理论上是不要这么做的 javascript代码会暴露给客户端 你的数据库地址 帐号 密码都会暴露 建议采取用动态语言读取数据库 比如 asp php jsp asp.net等都可以 然后用javascript 去提交参数给动态页面,也就是所谓的ajax的方式.html怎么和数据库连接?方法和详细的操作步骤如...
HTML 纯前端使用数据库
墨鱼菜鸡
09-01 3914
纯前端使用前端数据库。 案例1 <html> <head> <meta charset="utf-8"> <script> var 数据表 = null; //4个参数分别是 数据库名,版本号,数据库的描述,数据库大小 var 数据库 = openDatabase('MyData','1.0版','我的数据库描述',102400); //初始化页面...
html5连接mysql 例子_在HTML5页面中使用JavaScript连接到SQLite数据库
weixin_33542801的博客
02-06 1374
我试图做一个简单的文字游戏,它有一个可以通过网站更新的单词数据库(预先加载或可以由用户加载)。我找到了this例子,并且让它起作用。但是,如果我有一个现有的数据库,它不会工作。我是这种类型的编程新手,所以我现在已经做了2天的研究。var db = openDatabase('db.sqlite', '1.0', 'Test DB', 2 * 1024 * 1024);var msg;/*db.tr...
mysql+node.js+html+js完整扫雷项目
最新发布
xhc6666的博客
02-01 621
mysql+node.js+html+js完整扫雷项目
本地html连接数据库
热门推荐
limmt2020的博客
06-26 3万+
一、随便写一个html登录页面 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试登录页面</title> <style> body{ width: 100%; background-image:url("./back2.jpg"); background-repeat:no-repeat; backgr
CentOS7 + node.js + nginx + MySQL搭建服务器全过程
01-10
记录搭建服务器的过程,方便以后再次搭建是借鉴和给第一次搭建服务器的朋友借鉴之用。 工具 安装git 执行: sudo yum install git 安装nodejs 官网查看最新版本 下载 先进入/usr/src文件夹,这个文件夹通常用来...
项目代码:搭建免费的Node服务器+express+mysql(Github + Glitch + SQLPub)
10-07
链接概述:搭建免费Node服务器的详细步骤,并不涉及服务器的代码实现,通过这种方式搭建服务器,由于都是白嫖的所以不能确保数据安全性和连接稳定性,仅适用于入门学习和测试。 使用方法: 1. 配置env文件:mysql...
基于vue全家桶+node.js+express+mysql实现的商城网站
04-27
连接Mysql代码在server/conf/conf.js配置信息改为自己的。表创建在server/malldata.sql文件内直接复制插入。数据库名是malldata,不懂用数据库去百度很容易 cd vueMall npm install express: cd server npm install...
dreamweaver+wamp搭建php本地测试服务器.pdf
09-30
Dreamweaver+WAMP搭建PHP本地测试服务器 Dreamweaver是一款功能强大且广泛使用的Web开发工具,而WAMP(Windows+Apache+MySQL+PHP)则是一个功能完善的PHP服务器环境。通过将Dreamweaver与WAMP结合,可以快速搭建...
一个简单的HTML+PHP+MySQL的交互页面(输入框内容查询,HTML页面显示).zip
03-07
一个简单的HTML+PHP+MySQL的交互页面(输入框内容查询,HTML页面显示HTML输入框输入内容,点击按键,把数据发送给PHP,PHP接收数据,然后访问MySQL数据库,数据库获取的结果,再通过HTML打印出来表格显示。 代码怎么使用我在博客上写得很详细了哈,有问题再问哈
html+css+js+mysql数据库实现的打字游戏.zip
12-12
html+css+js+mysql数据库实现的打字小游戏。html+css+js+mysql数据库实现的打字小游戏
html+js+php+mysql实现分页
11-09
使用html,js,php,mysql实现分页的一个Demo,简单易懂,适合入门学习使用。下载后先去执行sql文件的内容,然后在本地服务器运行即可看到效果。
html 中php mysql 完美实现连接
03-20
html 中利用php 完美实现连接mysql ,读取数据并显示
htmljava交互实现数据库连接和发送消息 Chat
09-26
htmljava交互实现数据库连接和发送消息 Chat
html显示数据库的信息,从数据库中提取信息并将其显示HTML div
weixin_33542859的博客
06-20 2401
我对PHP很陌生,在MySQL中也不太熟练。我正在尝试从数据库中获取信息并使用唯一ID将信息放入不同的div中 - 我的意思是,例如:分配给ID 1的div将显示该ID的条目,div = ID 2将执行相同的操作,依此类推。这是我到目前为止所拥有的:包含Article类的Article.php文件用于DB处理。这是我从网站上将信息插入表格的方式。 ID是自动递增的(我想在我的情况下这并不是一件好事...
mysql8.0控制台mysql js_mysql 8.0 安装配置方法教程
weixin_42527464的博客
01-27 703
一、安装mysql yum源wget http://repo.mysql.com//mysql57-community-release-el6-9.noarch.rpm使用yum安装rpm包yum install mysql57-community-release-el6-9.noarch.rpm检测mysql yum源yum repolist enabled | grep "mysql.*-co...
html网页使用js连接mysql_html下利用javascript连数据库
weixin_29596485的博客
03-04 2134
//用JavaScript写服务器端连接数据库的代码示例varconn=newActiveXObject("ADODB.Connection");conn.Open("DBQ=c:\\a.mdb;DRIVER={MicrosoftAccessDriver(*.mdb)};");varrs=newActiveXObject("ADODB.Recordset");varsq...
mysql js 命令行登录_MYSQL常用命令
weixin_30310149的博客
01-19 1205
1、連接Mysql格式: mysql -h主機地址 -u用戶名 -p用戶密碼1、連接到本機上的MYSQL。首先打開DOS窗口,然後進入目錄mysql\bin,再鍵入命令mysql -u root -p,回車後提示你輸密碼.注意用戶名前可以有空格也可以沒有空格,但是密碼前必須沒有空格,否則讓你重新輸入密碼。如果剛安裝好MYSQL,超級用戶root是沒有密碼的,故直接回車即可進入到MYSQL中了,MY...
html+css+js+flask+json+mysql 实现注册登录
09-26
html css js flask json mysql 可以实现注册登录功能。 在前端方面,可以使用html和css来设计注册登录页面的样式,使用js来进行前端验证和交互。 在后端方面,可以使用flask来搭建服务器,使用json来传递数据,使用mysql来存储用户信息。 具体实现步骤如下: 1. 前端方面:设计注册登录页面的html和css样式,并使用js来进行表单验证。 2. 后端方面:使用flask创建注册登录的路由和视图函数,处理用户提交的数据。 3. 在注册功能中,将用户输入的用户名、密码等信息存储到mysql数据库中。 4. 在登录功能中,根据用户输入的用户名和密码在mysql数据库中进行验证,验证成功则登录成功。 5. 使用json来进行前后端数据的传递,例如将用户注册成功的信息返回给前端页面。 6. 可以在注册登录功能上增加一些其他功能,例如修改密码、找回密码等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • DNS配置与爬虫原理——Dialogue with ChatGPT 3615
  • ubuntu目录分析 2265
  • np.linalg.eigh特征值、特征向量的对应关系 1375
  • Wireshark抓包分析教程(ubuntu版本) 1360
  • 计网-控制平面 1322

分类专栏

  • 网安基础 4篇
  • Code Practice 39篇
  • DIH 2篇
  • web development 11篇
  • FER 1篇
  • NLP 2篇
  • ML/DL/Model/DB 10篇
  • C++编程和数据结构 13篇
  • Linux Exploring 15篇
  • 408 12篇
  • 信安与实践 8篇
  • 周记 9篇
  • compile_process_analysis 2篇
  • 初等图论 3篇
  • 数学基础 1篇
  • 计算机系统 2篇
  • DataBase 1篇
  • 计网顶而下前4层分析 5篇
  • ISA&Parallel Calculation 1篇
  • math_model 2篇
  • 做题家之无奈的魔术 3篇

最新评论

  • Maven与Jave web结构

    普通网友: 写的真好!我也写了一篇获取【大厂面试真题解析、核心开发学习笔记、最新全套讲解视频、实战项目源码讲义、学习路线简历模板】的文章

  • Torchvision.ImageFolder单通道读取 处理黑白图像

    CSDN-Ada助手: 推荐 Python入门 技能树:https://edu.csdn.net/skill/python?utm_source=AI_act_python

  • 介绍 PIL+IPython.display+mtcnn for 音视频读取、标注

    征途黯然.: The explanation of 介绍PILIPythondisplaymtcnnfor音视频读取标注 in this article is vivid, offering a deeper understanding.表情包

  • 二叉树 与 遍历数组 的转换

    CSDN-Ada助手: 哇, 你的文章质量真不错,值得学习!不过这么高质量的文章, 还值得进一步提升, 以下的改进点你可以参考下: (1)提升标题与正文的相关性。

  • OS3_文件的存储结构与管理

    Great_GNU&linux: 路径的访问——文件目录表嵌套,项可以是子目录

大家在看

  • 【乔二参】解锁摸鱼神器,工作效率与乐趣并存
  • 如何用蒙版制作玻璃划动效果 258
  • Redis缓存穿透,缓存击穿,缓存雪崩解决方案(常用方法,面试常问)。 586

最新文章

  • SIM卡 移动、联通、电信对比
  • Huggingface-cli 登录最新版(2024)
  • 【无标题】
2024
06月 8篇
05月 21篇
04月 26篇
03月 9篇
02月 8篇
01月 6篇
2023年68篇
2022年59篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

深圳SEO优化公司宜宾关键词按天扣费哪家好烟台网站改版价格安顺模板推广价格石家庄网页制作哪家好霍邱企业网站改版多少钱贵港模板网站建设哪家好黄南网站设计模板公司包头网站推广工具价格吉林百度网站优化排名抚州关键词排名醴陵英文网站建设哪家好清远企业网站改版价格丽水关键词排名包年推广报价温州网站设计模板多少钱大芬SEO按天收费哪家好坂田seo排名昭通网站推广推荐扬州网站制作设计报价商洛网站制作设计哪家好德宏SEO按天扣费哪家好长春网站seo优化价格湘西网站设计模板多少钱南宁SEO按天计费哪家好长春网络推广公司鄂州网络推广推荐淮北模板推广怒江外贸网站建设哪家好曲靖如何制作网站多少钱兴安盟网站开发多少钱昆明网站优化推广歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

深圳SEO优化公司 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化