如何获取自建DNN站点各页面HTML并导入Visual Studio 2017项目？

Hey there! Let's break down how you can grab the HTML from your custom DNN site pages and get them into your Visual Studio 2017 project. I've got a few solid approaches depending on your needs:

一、获取DNN页面的HTML代码 #

1. 浏览器直接抓取（最快最直接） #

这是最适合单页面或少量页面的方式：

• 打开你的DNN页面，确保已经登录（如果页面需要权限）。
• 右键页面空白处，选择查看页面源代码，或者按Ctrl+U。
• 全选并复制整个HTML内容，这就是浏览器渲染后的最终页面代码，包含DNN皮肤、模块输出的所有内容。
• 如果你需要查看动态加载的内容（比如AJAX渲染的模块），可以用F12开发者工具的Elements面板，刷新页面后等待所有内容加载完成，再右键根元素<html>选择复制 -> 复制 outerHTML。

2. 利用DNN后台获取页面结构代码 #

如果需要的是页面的原始模板（而非渲染后的静态HTML），比如皮肤或模块的ASCX代码：

• 登录DNN后台，进入页面管理，找到目标页面。
• 点击页面的编辑按钮，进入页面设计界面。
• 点击皮肤的编辑选项，你可以查看并复制皮肤的ASCX代码（这是DNN用来生成页面结构的服务器端代码）。
• 对于单个模块，进入模块的设置，选择导出，可以导出模块的配置和代码（如果是自定义模块的话）。

3. 批量获取（适合多页面场景） #

如果有大量页面需要处理，可以写一个简单的C#工具来自动抓取：

using System;
using System.Collections.Generic;
using System.Net.Http;
using System.Threading.Tasks;

class DnnHtmlFetcher
{
    static async Task Main(string[] args)
    {
        var dnnSiteUrl = "https://your-dnn-site-url.com";
        var targetPages = new List<string>
        {
            "/home",
            "/about-us",
            "/contact" // 替换成你的页面路径
        };

        using (var client = new HttpClient())
        {
            // 先处理登录（如果站点需要权限）
            await LoginToDnn(client, dnnSiteUrl, "your-username", "your-password");

            foreach (var pagePath in targetPages)
            {
                var fullUrl = $"{dnnSiteUrl}{pagePath}";
                var htmlContent = await GetPageHtml(client, fullUrl);
                
                // 保存HTML到本地文件
                var fileName = $"{pagePath.Trim('/')}.html";
                await System.IO.File.WriteAllTextAsync(fileName, htmlContent);
                Console.WriteLine($"Saved HTML for {pagePath} to {fileName}");
            }
        }
    }

    private static async Task LoginToDnn(HttpClient client, string siteUrl, string username, string password)
    {
        var loginData = new FormUrlEncodedContent(new Dictionary<string, string>
        {
            { "__EVENTTARGET", "" },
            { "__EVENTARGUMENT", "" },
            { "Username", username },
            { "Password", password },
            { "Login", "Log+In" } // 按钮的Name属性，可能根据DNN版本略有不同
        });

        var loginResponse = await client.PostAsync($"{siteUrl}/Login.aspx", loginData);
        loginResponse.EnsureSuccessStatusCode();
    }

    private static async Task<string> GetPageHtml(HttpClient client, string pageUrl)
    {
        var response = await client.GetAsync(pageUrl);
        response.EnsureSuccessStatusCode();
        return await response.Content.ReadAsStringAsync();
    }
}

你可以在Visual Studio 2017里新建一个控制台项目，运行这段代码来批量下载页面HTML。

二、将HTML导入Visual Studio 2017项目 #

1. 手动导入 #

• 把之前复制或下载的HTML内容保存为.html文件（比如home.html）。
• 打开你的VS2017项目，右键项目名称 -> 添加 -> 现有项。
• 找到保存的HTML文件，选择添加即可。

2. 自动批量导入 #

如果用了上面的批量抓取工具，可以在工具里添加自动导入到项目的逻辑：

• 利用MSBuild API或者直接修改.csproj文件，把生成的HTML文件添加到项目中。比如在控制台程序里执行以下代码（需要引用Microsoft.Build相关程序集）：

using Microsoft.Build.Evaluation;

// 假设项目路径是 "C:\\YourProject\\YourProject.csproj"
var project = new Project("C:\\YourProject\\YourProject.csproj");
var htmlFiles = System.IO.Directory.GetFiles(".", "*.html");
foreach (var file in htmlFiles)
{
    project.AddItem("Content", file);
}
project.Save();

三、注意事项 #

• 动态内容处理：DNN页面中的动态模块内容（比如新闻列表、表单）在静态HTML里是固定的，如果后续需要修改这些内容，你需要回到DNN后台或对应的模块代码，而不是只修改静态HTML文件。
• 资源路径调整：导入到VS项目后，HTML中的CSS、JS、图片相对路径可能需要调整，确保它们能正确指向项目中的资源文件。
• DNN版本差异：不同DNN版本的后台界面和登录参数可能略有不同，如果登录代码失效，打开登录页面的F12工具查看表单字段名称即可调整。

内容的提问来源于stack exchange，提问作者htmlbran86