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

简介:

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

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

相关文章
|
5月前
|
编解码 前端开发 JavaScript
构建高效响应式Web界面:现代前端框架的比较
【4月更文挑战第9天】在移动设备和多样屏幕尺寸盛行的时代,构建能够适应不同视口的响应式Web界面变得至关重要。本文深入探讨了几种流行的前端框架——Bootstrap、Foundation和Tailwind CSS,分析它们在创建响应式设计中的优势与局限。通过对比这些框架的栅格系统、组件库和定制化能力,开发者可以更好地理解如何选择合适的工具来优化前端开发流程,并最终实现高性能、跨平台兼容的用户界面。
402 15
|
5月前
|
编解码 前端开发 UED
现代化前端开发中的响应式设计技术
在现代化前端开发中,响应式设计技术扮演着至关重要的角色。本文将介绍响应式设计的概念及其在前端开发中的应用,涵盖了媒体查询、弹性布局、自适应图片等方面的技术。通过学习这些技术,开发人员可以为不同设备和屏幕尺寸提供一致而优雅的用户体验。
|
2月前
|
人工智能 Cloud Native 安全
现代化 Web 应用构建问题之现代化应用提高效率如何解决
现代化 Web 应用构建问题之现代化应用提高效率如何解决
31 2
|
1月前
|
前端开发 JavaScript 开发者
现代前端框架激烈交锋,高效响应式 Web 界面的归属扑朔迷离!
【9月更文挑战第6天】本文通过实际案例,比较了主流前端框架 Vue.js、React 和 Angular 的特点与优势。Vue.js 以简洁的语法和灵活的组件化架构著称,适合小型到中型项目;React 强调性能和可扩展性,适用于大型应用;Angular 凭借全面的功能和严格架构,适合企业级开发。开发者应根据项目需求和技术栈选择合适的框架。
44 0
|
2月前
|
前端开发 JavaScript 开发者
天崩地裂!现代前端框架激烈交锋,高效响应式 Web 界面的归属扑朔迷离!
【8月更文挑战第12天】本文通过实际案例对比了主流前端框架:Vue.js 以其简洁语法和组件化脱颖而出;React 依托虚拟DOM确保高效的界面更新;Angular 则以强大的模块系统适用于企业级应用。三者虽殊途同归,但在实现相同功能时各具特色,为高效响应式Web界面的构建提供了多样选择。
42 0
|
5月前
|
前端开发 开发者 UED
构建响应式Web界面:Flexbox的力量
【4月更文挑战第3天】 在当今多设备浏览的时代,创建能够适应不同屏幕大小的Web界面变得至关重要。本文探讨了CSS Flexbox布局模块,这是一种设计工具,允许开发者轻松地构建灵活且响应式的布局结构。通过详细解析Flexbox的核心概念、使用场景以及实战示例,读者将学会如何利用这一强大的技术来提升前端项目的响应式能力。
|
5月前
|
前端开发 搜索推荐 开发者
构建响应式网页布局的现代化策略
【2月更文挑战第27天】在多设备浏览时代,响应式网页设计成为前端开发的核心。本文将深入探讨灵活运用CSS Grid和Flexbox实现响应式布局的先进方法,并通过具体实例展示如何针对不同屏幕尺寸优化用户体验。我们将分析媒体查询的策略性使用,并讨论现代框架如Bootstrap在快速开发中的应用及其自定义技巧。
49 2
|
5月前
|
Web App开发 前端开发 JavaScript
前端技术探索与应用:构建高性能响应式网页
本文将介绍前端技术的最新发展和应用,重点探讨如何构建高性能响应式网页。通过深入解析前端框架、优化技巧以及调试工具等方面的内容,帮助读者提升网页的交互体验和加载速度,实现用户友好的界面设计。
|
5月前
|
前端开发 测试技术 开发者
构建响应式Web界面:Flexbox布局的力量
【2月更文挑战第24天】在现代Web开发中,创建能够适应不同屏幕尺寸的响应式界面已成为一项标准实践。Flexbox,一个CSS模块,因其灵活性和强大功能在前端开发者中广受欢迎。本文将深入探讨Flexbox的核心概念、常见用例以及如何利用它来构建美观、灵活且易于维护的响应式布局。通过实例演示,读者将学会如何有效地应用Flexbox技术,提升前端项目的质量和用户体验。
|
5月前
|
缓存 前端开发 JavaScript
探索现代化前端开发趋势
本文将深入探讨当下前端开发领域的最新趋势和技术,包括前端框架、CSS预处理器、性能优化等方面。通过了解这些趋势,开发者可以更好地适应行业变化,提升自己的技术水平。