静态网页制作一个搜索mysql数据功能,可以用什么方法

静态网页制作一个搜索mysql数据功能,可以用什么方法,第1张

首先获取数据是一个动态过程,静态html肯定无法单独完成数据的 *** 作;其次静态页面的作用只是用来展示渲染数据的前端技术;因此要实现搜索mysql数据的功能,需要后台获取数据的技术,如java实现后台数据 *** 作,以及后台与前端交互的技术,如ajax、freemarker实现前后台数据交互。

连接mysql数据,用到的工具Navicat Premium,步骤如下:

打开Navicat Premium,点击连接按钮下的mysql。

2连接名可以任意,输入主机ip或者主机名,端口一般默认都是3306,数据库用户名和密码点击确定就可以。

注意事项:用Navicat Premium打开远程数据库,需要数据库用户名有远程访问的权限。

这要用的数据库连接技术了,这在动态网站建设中是很简单的,我用的是JSP,然后连接数据库是用的JDBC技术,先建立好数据库以及配置好数据源,通过在JSP网页中导入sql包,然后几句固定的语句用于创建数据库连接,然后用sql语句 *** 作数据库就OK了。

其实就以上几个步骤,如果你以前没有接触过动态网页的搭建,也许有些你听不懂,但是你去接触了就感觉不难了。

祝你成功!!!

html  么  在返回数据时候进行拼接,和 html 标签拼接在一起后返回想显示的位置,这里举例一个下拉的。试着改一改弄一下,数据先拿到,在找定位。

<div class="layui-inline">

<label class="layui-form-label">商家类型<span class="require"></span></label>

<div class="layui-input-inline">

<select name="seller_type" id="mc_add_seller_type" lay-verify="mc_add_mustselect" data-name="商家类型" lay-filter="" lay-search="">

</select>

</div>

</div>

<script>

$("select[name=seller_type]")empty();

$ajax({

async: false,

type: "post",

url: APIHOST+"/seller/menuList",

dataType: "json",

data: {},

success: function (res) {

var opt = "<option value='' selected = \'selected\'>请选择</option>";

$("select[name=seller_type]")append(opt);

for(var i=0; i<resdatalength; i++){

if(infoseller_type == resdata[i]menu_name){

var option="<option value=\""+resdata[i]menu_type+"\" selected = 'selected'";

option += ">"+resdata[i]menu_name+"</option>"; //动态添加数据

$("select[name=seller_type]")append(option);

}else {

var option="<option value=\""+resdata[i]menu_type+"\"";

option += ">"+resdata[i]menu_name+"</option>"; //动态添加数据

$("select[name=seller_type]")append(option);

}

}

formrender('select');

}

});

</script>

需要一个有公网IP地址的主机,可以租一台VPS。将MySQL部署在上面

MySQL设置文件中绑定IP地址0000

root账号登录mysql,输入:

use mysql;

update user set host = '%' where user = 'root';

flush privileges;

如果系统防火墙阻止了3306端口,需要在iptables里开放

任何人都可以用root账号通过IP地址:3306访问你的MySQL了

以上就是关于静态网页制作一个搜索mysql数据功能,可以用什么方法全部的内容,包括:静态网页制作一个搜索mysql数据功能,可以用什么方法、网页与mysql数据库怎么连接、网页 mysql等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9778628.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存