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

简介:

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

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

相关文章
|
Web App开发 移动开发 JavaScript
构建现代化网站的 20 个技巧
在过去几年中,我们与web开发者花了很多时间交流,听得最多的一件事情就是创建一个能很好的跨越各种类型浏览器版本与各种设备的网站有多么难。我们为jQuery项目写代码的时候一直有这个问题。因此我们整理了20条编码模式与经验,它们是从出席无休止的会议和读了几百篇专稿中摘取出来的。
728 0
|
9月前
|
前端开发 搜索推荐 开发者
构建响应式网页布局的现代化策略
【2月更文挑战第27天】在多设备浏览时代,响应式网页设计成为前端开发的核心。本文将深入探讨灵活运用CSS Grid和Flexbox实现响应式布局的先进方法,并通过具体实例展示如何针对不同屏幕尺寸优化用户体验。我们将分析媒体查询的策略性使用,并讨论现代框架如Bootstrap在快速开发中的应用及其自定义技巧。
74 2
|
存储 安全 数据处理
「应用现代化」应用程序现代化的最佳实践和方
「应用现代化」应用程序现代化的最佳实践和方
|
6月前
|
前端开发 JavaScript 开发者
天崩地裂!现代前端框架激烈交锋,高效响应式 Web 界面的归属扑朔迷离!
【8月更文挑战第12天】本文通过实际案例对比了主流前端框架:Vue.js 以其简洁语法和组件化脱颖而出;React 依托虚拟DOM确保高效的界面更新;Angular 则以强大的模块系统适用于企业级应用。三者虽殊途同归,但在实现相同功能时各具特色,为高效响应式Web界面的构建提供了多样选择。
62 0
|
5月前
|
前端开发 JavaScript 开发者
现代前端框架激烈交锋,高效响应式 Web 界面的归属扑朔迷离!
【9月更文挑战第6天】本文通过实际案例,比较了主流前端框架 Vue.js、React 和 Angular 的特点与优势。Vue.js 以简洁的语法和灵活的组件化架构著称,适合小型到中型项目;React 强调性能和可扩展性,适用于大型应用;Angular 凭借全面的功能和严格架构,适合企业级开发。开发者应根据项目需求和技术栈选择合适的框架。
66 0
|
数据可视化 前端开发 安全
应用开发组件功能介绍(三)
应用开发组件功能介绍(三)
317 0
|
数据可视化 物联网 数据挖掘
应用开发组件功能介绍(一)
应用开发组件功能介绍(一)
295 0
|
数据可视化 物联网 机器人
应用开发组件功能介绍(二)
应用开发组件功能介绍(二)
355 0
|
9月前
|
编解码 前端开发 JavaScript
构建高效响应式Web界面:现代前端开发的最佳实践
【2月更文挑战第18天】 在多设备浏览的时代,创建一个既高效又具有适应性的响应式Web界面已成为前端开发者的核心任务。本文将深入探讨实现流畅响应式体验的关键策略,包括灵活的布局设计、图像优化技巧以及性能考量。通过实例分析和技术深度剖析,我们将揭示如何利用HTML5、CSS3和JavaScript的最新特性,为不同尺寸的设备提供无缝的用户体验。文章不仅聚焦于代码实现,还将讨论开发流程中的协作与测试最佳实践,旨在为前端开发人员提供一个全面的指南,帮助他们在构建响应式Web界面时做出明智的技术选择。
186 4
|
前端开发 容器 JavaScript
响应式方案调研及前端开发管理思考
网易首页实现页面(字体)响应式风格的方式是在不同尺寸的视口中使用不同的容器类,如图 1所示。当视口大于等于1420px时,使用大尺寸容器类 (index2017_1200_wrap,width: 1200px),当视口小于 1420px时,使用小尺寸容器类(index2017_960_wrap,width: 960px)。
1821 0

热门文章

最新文章