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

简介:

博客地址: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现代化用户接口。
这里写图片描述
更多具体内容将在以后进行介绍。

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

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