jsp页面如何用上前端框架

 时间:2026-04-28 09:06:46

1、电脑点击打开HBuilder软件,如图所示:

jsp页面如何用上前端框架

2、点击菜单栏文件-->新建--Web项目,如图所示:

jsp页面如何用上前端框架

3、输入 项目名称,然后点击完成按钮,如图所示:

jsp页面如何用上前端框架

4、然后把Bootstrap框架的一些包拷贝进来,没有到网站下载:https://getbootstrap.com/

然后新建一个jsp文件,如图所示:

jsp页面如何用上前端框架

5、引入需要的框架开发包,

    <script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>

<script type="text/javascript" src="js/bootstrap.min.js" ></script>

<link rel="stylesheet" href="css/bootstrap.min.css"  type="text/css"/>

然后键入代码,以按钮为例,如图所示:

jsp页面如何用上前端框架

6、然后点击运行按钮-->浏览器运行,如图所示

jsp页面如何用上前端框架

7、运行结果,按钮的颜色样式非常好看,如图所示:

jsp页面如何用上前端框架

  • 如何设置android studio让程序运行在真机中
  • winform中获取路径
  • Windows下PyQt4的安装
  • pxcode怎么创建项目
  • web项目源码如何加密
  • 热门搜索
    飞驰人生结局张驰怎么样了 血虚怎么调理 粽子怎么画 脱机工作怎么解除 机械表怎么调时间 怎么去头皮屑最有效 qq怎么修改密码 宝宝便秘怎么办 随身wifi怎么用 海信中央空调怎么样