,,

【C#】Winform開發程序集成web頁面訪問來登錄和修改程序配置參數

admin

2025年3月15日 16:47 本文熱度 538

以下是實現C# Winform集成Web頁面登錄及配置修改功能的代碼方案，結合了數據庫驗證和Web服務交互，實現自托管Web服務的完整方案，無需依賴IIS或其他第三方服務：

一、自托管Web服務核心實現（OwinSelfHost）

// Startup.cs
using Owin;
using System.Web.Http;


public class Startup
{
    public void Configuration(IAppBuilder app)
    {
        var config = new HttpConfiguration();
        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
        app.UseWebApi(config);
    }
}


// Program.cs
using Microsoft.Owin.Hosting;
using System;


class Program
{
    static void Main(string[] args)
    {
        string baseAddress = "http://localhost:8080/";
        using (WebApp.Start<Startup>(baseAddress))
        {
            Console.WriteLine($"Web服務已啟動：{baseAddress}");
            Console.WriteLine("按任意鍵退出...");
            Console.ReadKey();
        }
    }
}

二、Winform集成Web服務（引用）

// MainForm.cs
public partial class MainForm : Form
{
    private IDisposable _webService;


    public MainForm()
    {
        InitializeComponent();
        StartWebServer();
    }


    private void StartWebServer()
    {
        try
        {
            _webService = WebApp.Start<Startup>("http://localhost:8080/");
            btnStartServer.Enabled = false;
            btnStopServer.Enabled = true;
        }
        catch (Exception ex)
        {
            MessageBox.Show($"啟動失敗：{ex.Message}");
        }
    }


    private void StopWebServer()
    {
        _webService?.Dispose();
        btnStartServer.Enabled = true;
        btnStopServer.Enabled = false;
    }


    // 配置管理示例方法
    private async void btnUpdateConfig_Click(object sender, EventArgs e)
    {
        var config = new ConfigModel { Param1 = "新值" };
        using (var client = new HttpClient())
        {
            var response = await client.PostAsJsonAsync("http://localhost:8080/api/config", config);
            if (response.IsSuccessStatusCode)
            {
                MessageBox.Show("配置更新成功！");
            }
        }
    }
}

三、Web API控制器示例

// ConfigController.cs
using System.Collections.Generic;
using System.Web.Http;


public class ConfigModel
{
    public string Param1 { get; set; }
    public int Param2 { get; set; }
}


public class ConfigController : ApiController
{
    private static readonly List<ConfigModel> _configs = new List<ConfigModel>();


    [HttpGet]
    public IHttpActionResult GetConfig()
    {
        return Ok(_configs.FirstOrDefault());
    }


    [HttpPost]
    public IHttpActionResult UpdateConfig(ConfigModel config)
    {
        _configs.Clear();
        _configs.Add(config);
        return Ok();
    }
}

四、前端交互頁面（HTML+JavaScript）

<!-- config.html -->
<form id="configForm">
    <input type="text" name="param1" placeholder="參數1">
    <input type="text" name="param2" placeholder="參數2">
    <button type="submit">保存</button>
</form>


<script>
document.getElementById('configForm').addEventListener('submit', async (e) => {
    e.preventDefault();
    const formData = new FormData(e.target);
    const response = await fetch('http://localhost:8080/api/config', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(Object.fromEntries(formData))
    });
    if (response.ok) alert('配置已更新！');
});
</script>