[内部项目]i前端如何增加一个页面

最新推荐文章于 2022-12-07 17:43:20 发布
最新推荐文章于 2022-12-07 17:43:20 发布
阅读量564 收藏
点赞数
分类专栏： javascript 文章标签： 添加新页面

i 的前端如何增加一个新页面呢?

要改很多地方:

(1)pathMap.js

路径:js/pathMap.js


说明:key表示url访问路径,value表示接口路径和js文件名称 

 

(2)Header.js

路径:js/modules/Header.js

 

 

(3)build.js

路径:js/build.js

 

 

(4)新的js文件

放在js/page 目录下

(5)新的html模板

调皮的芋头
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在项目中设计添加页面
zys_QAQ的博客
05-20 359
一.添加页面代码展示 代码如下： <script> import menuDraw from '../template/menu_draw.vue'; export default{ components:{ menuDraw }, data(){ return{ user:{ phone:null, pwd:'123456', nickName:null, msg:null//提示的文字 } .
用JavaScript实现 页面上有一个按钮，点击后能在文本框内显示出当前系统时间
weixin_44439442的博客
01-24 9523
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;button id=
vue前端弹出新增页面testAdd，弹出页面中进行数据编辑，table编辑，行编辑等。包含JS中使用Map进行数据处理。
wjt130的博客
12-24 1395
使用vue写的新增页面，编辑页面等弹出页面，在页面中进行table数据的行编辑，利用JS中的Map做的实时响应的行编辑数据内容汇总计算、校验等。话不多说，上代码： require(['vue', 'zview'],function(vue, zView) { var store = require('store'); var testAdd = vue.extend({ dat...
系统页面嵌入客户系统方法
qq_40351360的博客
06-15 1338
本文介绍了一种不太严格的系统页面嵌套到客户系统的方法
如何将一个HTML页面嵌套在另一个页面中
热门推荐
十方地藏
04-23 1万+
这个在做网页中常要用到，有些通用的内容可集中放在一个页面文件中，其它要用到这些内容的页面只需要包含（引用）这个通用文件即可。这样便于维护，如果有很多网页，当通用内容需要修改时，只改一个文件就可以了，不需要每个文件单独修改。最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文件里， 然后其他页面文件在页面内容的最后包含这个文件就可以了，具体例子下面有。要html文
test-html：学习前端的一个项目
02-20
【标题】"test-html：学习前端的一个项目"指的是一个用于前端开发学习的实践项目，它可能包含了一系列HTML文件，帮助初学者或者开发者了解并掌握HTML（超文本标记语言）的基本结构和用法。 【描述】"test-html：...
前端项目-portal.zip
09-03
【标题】"前端项目-portal.zip" 涉及的是一个基于Node.js开发的前端门户客户端项目。在现代Web开发中，前端项目是构建交互式用户界面的关键部分，它负责处理用户与应用程序之间的交互。Node.js，作为一个JavaScript...
前端项目-mercury.zip
09-02
【前端项目-mercury.zip】是一个包含前端框架“Mercury”的源代码压缩包。Mercury 是一个真正模块化的前端框架，旨在提供高效、灵活且可扩展的解决方案，以构建现代Web应用程序。它允许开发者通过简单地引入所需模块...
前端项目-qunit.zip
09-03
在前端开发中，QUnit 是一个不可或缺的工具，它帮助我们编写更健壮的代码，减少错误，提升开发效率，保障项目质量。无论是在个人项目还是团队协作中，熟练掌握 QUnit 的使用都能让你的工作更加得心应手。
前端项目-qwest.zip
09-02
**前端项目-qwest** 在现代Web开发中，前端与服务器之间的数据交互是不可或缺的一部分，而Ajax（Asynchronous JavaScript and XML）技术...对于任何需要频繁进行Ajax操作的前端项目，`qwest`都是一个值得考虑的选择。
【Vue】添加新页面
姜太小白的博客
02-05 1万+
在【src\components\】路径下添加新vue文件，例如下图（图省事直接就复制了HelloWorld.vue，修改了一下里面的内容，需要懂html基础即可） 注意修改name 在【src\router\index.js】文件中添加，以下代码 注mode模式，按照实际要求进行设置，大概意思可参照VUE.js中访问地址的url带有#的问题_weixin_33802505的博客-CSDN博客 至此执行调试或运行，在浏览地址后加上/test即可访问的新建的页面 ...
如何在 HTML 网站上创建其他网页
kgeyy的博客
08-20 1856
该系列的一部分： 如何使用 HTML 构建网站 本教程系列将指导您使用 HTML（用于在 Web 浏览器中显示文档的标准标记语言）创建和进一步自定义该网站。不需要有任何编码经验，但如果您想重新创建演示网站，我们建议您从本系列的开头开始。 在本系列结束时，您应该有一个准备好部署到云的网站，并且基本熟悉 HTML。了解如何编写 HTML 将为学习其他前端 Web 开发技能（例如 CSS 和 JavaScript）奠定坚实的基础。 在构建网站时，您可能希望拥有多个网页。如果您想添加并链接到其他页面，您..
从零开始学前端（HTML篇）：9、嵌入另一个页面的iframe元素
WuYanZu6243的博客
09-16 428
从零开始学前端——HTML
vue新增页面开发方法简单总结
BHSZZY的博客
12-07 4621
实际工作中，一般只是新增/修改已有vue项目的页面，很少从零开始搭建一个新的vue项目。 在此简要总结下新增页面的开发方法。1.首先找一个相似的页面，复制一份，修改为不同的名称。 (1)例如，有一个页面，位于这个文件夹： 其中有3个文件： 访问路径是： (2)可以把这个文件夹整个复制，放在相同的目录下，文件夹重命名为，其中也是包含这3个文件。 这样，就可以用以下路径访问到： 2.新文件夹中，一般不用修改，只修改文件即可。3.如果要在其它页面新增按钮，跳转到这个新页面，可以参考以下方法： 说明： 例如，在页
【响应式Web前端设计】i标签和em标签的区别
李响
03-31 2704
很多人以为i标签和em标签都只是HTML用于斜体的标签，并不知道他们有什么区别。 其实对于熟悉SEO的人来说，他们的区别挺大的（普通用户略过）。 i标签的作用：仅仅是为了让字体显示斜体，对于SEO没什么作用。 em标签的作用：不仅可以让字体显示斜体，而且可以加强语气，告诉搜索引擎这里是重要的。 ...
java新增跳转到新的页面_Spring Boot项目启动和添加新的跳转页面
weixin_33514475的博客
02-25 593
Spring Boot 是由 Pivotal 团队提供的全新框架，默认配置了很多框架的使用方式，就像 Maven 整合了所有的 Jar 包，Spring Boot 整合了所有的框架，作为前端的我，只是学习了一下项目的前端部分操作，特此记录下来。Spring Boot项目启动1：打开src底下的ChemicalLocationApplication.Java文件，拿出现成的代码。package co...
java程序建立页面_java中分层建立多个页面
weixin_42358409的博客
02-24 155
主要就是关于 JTabbedPane 的使用，当你发现分层的书签是竖着排开而不是正常水平排开时，是因为空间没留够。import javax.swing.JTabbedPane;import javax.swing.ImageIcon;import javax.swing.JLabel;import javax.swing.JPanel;import javax.swing.JFrame;impor...
写一篇生成一朵玫瑰花前端代码
最新发布
05-13
生成一朵玫瑰花的前端代码需要使用HTML5 Canvas和JavaScript。以下是一个简单的例子： HTML代码： ```html <!DOCTYPE html> <html> <head> <title>生成一朵玫瑰花</title> <style> canvas { border: 1px solid #ccc; } </style> </head> <body> <canvas id="myCanvas" width="400" height="400"></canvas> <script src="rose.js"></script> </body> </html> ``` 在上面的代码中，我们创建了一个canvas元素，并指定了它的宽度和高度。我们还在页面底部引入了一个名为"rose.js"的JavaScript文件，该文件包含生成玫瑰花的代码。 JavaScript代码（rose.js）： ```javascript const canvas = document.getElementById("myCanvas"); const ctx = canvas.getContext("2d"); // 设置画布背景色为白色 ctx.fillStyle = "#fff"; ctx.fillRect(0, 0, canvas.width, canvas.height); // 画玫瑰花 drawRose(200, 200, 100, "#f00"); function drawRose(x, y, size, color) { // 设置画笔颜色 ctx.strokeStyle = color; // 开始绘制 ctx.beginPath(); // 绘制花瓣 for (let i = 0; i < 360; i += 10) { let r = size * Math.sin(i * Math.PI / 180); let xx = x + r * Math.cos(i * Math.PI / 180); let yy = y + r * Math.sin(i * Math.PI / 180); ctx.lineTo(xx, yy); } // 绘制花蕾 ctx.moveTo(x, y); ctx.arc(x, y, size * 0.2, 0, Math.PI * 2); // 绘制花枝 ctx.moveTo(x, y + size * 0.2); ctx.lineTo(x, y + size * 0.6); ctx.moveTo(x - size * 0.2, y + size * 0.4); ctx.lineTo(x + size * 0.2, y + size * 0.4); // 结束绘制 ctx.stroke(); } ``` 在上面的代码中，我们首先获取了canvas元素和上下文对象ctx。然后，我们设置了画布的背景色为白色，并调用了drawRose函数来绘制玫瑰花。该函数接受四个参数：玫瑰花的中心点坐标(x,y)，花瓣大小(size)，以及花瓣颜色(color)。在函数内部，我们使用了for循环来绘制花瓣，并使用Math.sin和Math.cos函数计算出每个花瓣的坐标。接着，我们绘制了花蕾和花枝，最后结束了绘制。

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值