现代化自定制 - 页面上的自定制

简介:

博客地址:http://blog.csdn.net/FoxDave
本篇接上一篇,阐述一下关于页面上自定制的内容要如何进行现代化转换时的修复。

页面上的自定制

SharePoint有很多种经典网站页面如wiki、web部件页、发布页面等。每种页面都允许用户进行自定制,比如添加web部件、格式化的文本或嵌入JavaScript来实现自定义操作等。

拆箱即用的经典web部件
SharePoint有很多拆箱即用的web部件(包括脚本编辑器web部件),它们在经典页面工作,但是并不支持现代化页面。也就是说,没有完全对等的客户端web部件来跟传统经典web部件一一对应。
如果我们需要经典web部件的功能作为客户端的等价实现,我们必须自己开发基于SharePoint Framework的客户端web部件,我们可以从GitHub上找到web部件库
下图是一个web部件示例。
这里写图片描述

基于网站集或网站的嵌入JavaScript的自定义操作
在之前的介绍中,我们提到过常用的添加网站展示条的模式是通过嵌入JavaScript实现自定义操作。但这种是不兼容现代化用户接口的,我们必须基于SharePoint Framework应用自定义扩展重新开发它们。我们可以通过扩展插入自定义脚本来将HTML嵌入到SharePoint现代化用户接口。
这里写图片描述
更多具体内容将在以后进行介绍。

网站操作菜单中的自定义菜单项
目前无法将我们的自定义菜单项添加到现代化页面的网站操作菜单上(齿轮图标菜单)。我们可以通过将链接添加到网站首页的导航中来变通实现。

相关文章
|
7月前
|
编解码 前端开发 UED
响应式设计:构建适应多平台的现代网站
在当今数字时代,用户在各种设备上访问网站,包括桌面电脑、平板电脑和智能手机。为了提供一致的用户体验,响应式设计已经成为现代网站开发的重要组成部分。本博客将深入探讨响应式设计的核心概念、最佳实践以及如何创建适应多平台的网站。
37 0
|
1月前
|
前端开发 搜索推荐 开发者
构建响应式网页布局的现代化策略
【2月更文挑战第27天】在多设备浏览时代,响应式网页设计成为前端开发的核心。本文将深入探讨灵活运用CSS Grid和Flexbox实现响应式布局的先进方法,并通过具体实例展示如何针对不同屏幕尺寸优化用户体验。我们将分析媒体查询的策略性使用,并讨论现代框架如Bootstrap在快速开发中的应用及其自定义技巧。
12 2
|
2月前
|
移动开发 小程序 前端开发
小程序与现代化移动Web体验的完美结合
欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。
|
2月前
|
监控 小程序 开发者
【小程序质量提优解决方案】(一)页面不存在
【小程序质量提优解决方案】(一)页面不存在
52 0
|
3月前
|
存储 前端开发 JavaScript
从前端到后端:构建现代化Web应用的技术全景
本文将深入探讨前端和后端技术在构建现代化Web应用中的重要性和关联性。从前端开发的基础概念,如HTML、CSS和JavaScript,到后端技术的关键组成部分,如Java、Python、C和数据库,我们将一步步揭示如何整合这些技术,创建出高效、安全且功能强大的Web应用。
50 0
|
3月前
|
存储 传感器 监控
UniApp+Vue智慧工地信息化管理云平台源码
智慧工地可以通过数字化手段,将工地的各个方面进行数字化存储和管理,从而实现的实时监测和共享。这可以大大提高工程的效率,减少工程中的人工干预,并且可以为后续的工程维护和升级提供便利。
31 2
|
3月前
|
存储 前端开发 JavaScript
前端体系:前端应用
前端体系:前端应用
29 0
|
4月前
|
开发框架 数据可视化 API
【ThingJS | 3D可视化】开发框架,一站式数字孪生
【ThingJS | 3D可视化】开发框架,一站式数字孪生
|
5月前
|
缓存 前端开发 JavaScript
前端跨浏览器标签页数据共享解决方案
vue 项目中有一个工单消息通知列表页,每条消息有已读和未读状态,点击消息会用 window.open 打开一个新的浏览器标签页跳转到工单列表页,工单列表页里有项操作是查看消息,会弹窗显示出具体的详细内容,进入这个弹窗就代表用户已经看到消息了,此时会去调后端接口修改消息状态为已读
80 0
|
6月前
|
JavaScript 前端开发
前端基础 - JQuery实现省级联动
前端基础 - JQuery实现省级联动
32 0