问题：如何创立浏览器中的文件展现页面？

再论前端页面

交互页面剖析

  • 动态局部

    • 表格，页面构造

  • 动静局部

    • 文件浏览门路 (Path)
    • 文件列表（Table）
"<!DOCTYPE html>""<html>""    <head>""    <meta charset=\"utf-8\">""    <title>D.T.Software</title>""    <head>""    <body>""    <h1>DT4SW Http File Server</h1>""    <hr/>""    <h3>Path: %s</h3>""    %s""    <body>""<html>"

文件列表剖析

  • 动态

    • 表格题目行
    • 表格列表构造

  • 动静局部

    • 表格行数据
"<table border=\"1\" width=\"100%\">";"    <tr>""        <th>File Name</th><th>File Type</th><th>File Size</th><th>Modify Time</th>""    </tr>""        <td><a href=\"%s\">%s</a></td><td>%s</td><td>%s</td><td>%s</td>""    </tr>""</table>"

文件列表接口函数及数据结构

  • Table *CreateTable();
  • Table *InsertRow(Table *table, RowInfo *info);
  • char *ToTableString(Table *table);
  • void FreeTable(Table *table);
typedef void Table;typedef struct {    char link[2048];    char name[255];    char type[32];    char size[32];    char time[32];}RowInfo;

解决方案

  • CreateTable()

    • 从堆空间创建表格题目行，并作为初始表格数据返回

  • InsertRow(table, info)

    • 将 info 中的字符串进行表格行格式化，并增加到 table 开端

  • ToTableString(table)

    • 将 table 表格数据格式化为 HTML 字符串，并返回

表格动态创建要害代码

if (table && info) {    char *t = table;    int len = strlen(t);    char *buf = malloc(strlen(ROW_FORMAT) + sizeof(*info));    if (buf) {        sprintf(buf, ROW_FORMAT, info->link, info->name, info->type, info->size, info->time);        ret = realloc(t, len + strlen(buf) + 1);        ret = ret ? (strcpy(ret + len, buf), ret) : t;    } else {        ret = t;    }    free(buf);}

页面动态创建代码

char *ToPageString(const char *path, char *ts){    char *ret = NULL;    if (path && ts && (ret = malloc(strlen(PAGE_FORMAT) + strlen(path) + strlen(ts) + 1))) {        sprintf(ret, PAGE_FORMAT, path, ts);    }    return ret;}

编程试验：动态创建交互页面

main.c

#include<stdio.h>#include<stdlib.h>#include<unistd.h>#include<pthread.h>#include <sys/types.h>#include <dirent.h>#include <sys/stat.h>#include <time.h>#include <fcntl.h>#include <string.h>#include "tcp_server.h"#include "tcp_client.h" #include "utility.h"#include "page.h"int main(int argc, char *argv[]){    Table *t = CreateTable();    RowInfo ri = {"aa", "bbb", "cccc", "ddddd", "eeeeee"};    RowInfo rj = {"11", "222", "3333", "44444", "555555"};    t = InsertRow(t, &ri);    t = InsertRow(t, &rj);    char *ts = ToTableString(t);    char *page = ToPageString("test/path/folder", ts);    printf("%s\n", page);    free(page);    free(ts);    FreeTable(t);    return 0;}

page.h

#ifndef PAGE_H#define PAGE_Htypedef void Table;typedef struct{    char link[2048];    char name[255];    char type[32];    char size[32];    char time[32];} RowInfo;char* ToPageString(const char* path, const char* ts);Table* CreateTable();Table* InsertRow(Table* table, RowInfo* info);char* ToTableString(Table* table);void FreeTable(Table* table);#endif  // PAGE_H

page.c

#include "page.h"#include <stdlib.h>#include <string.h>#include <stdio.h>static const char* PAGE_FORMAT = "<!DOCTYPE html>"                                 "<html>"                                 "  <head>"                                 "    <meta charset=\"utf-8\">"                                 "    <title>D.T.Software</title>"                                 "  </head>"                                 "  <body>"                                 "    <h1>DT4SW Http File Server</h1>"                                 "    <hr/>"                                 "    <h3>Path: %s</h3>"                                 "    %s"                                 "  </body>"                                 "</html>";static const char* TABLE_BEGIN = "<table border=\"1\" width=\"100%\">";                                                                  static const char* TABLE_TITLE = "  <tr>"                                 "    <th>File Name</th><th>File Type</th><th>File Size</th><th>Modify Time</th>"                                 "  </tr>";                                static const char* ROW_FORMAT =  "<tr>"                                 "  <td><a href=\"%s\">%s</a></td><td>%s</td><td>%s</td><td>%s</td>"                                 "</tr>";                                     static const char* TABLE_END =   "  </tr>"                                 "</table>";  char *ToPageString(const char *path, const char *ts){    char *ret = NULL;    if (path && ts && (ret = malloc(strlen(PAGE_FORMAT) + strlen(path) + strlen(ts) + 1))) {        sprintf(ret, PAGE_FORMAT, path, ts);    }    return ret;}Table *CreateTable(){    const int TITLE_LEN = strlen(TABLE_TITLE);    char *ret = malloc(TITLE_LEN + 1);    if (ret) {        strcpy(ret, TABLE_TITLE);    }    return ret;}char *ToTableString(Table *table){    const int BEGIN_LEN = strlen(TABLE_BEGIN);    const int END_LEN = strlen(TABLE_END);    char *ret = NULL;    if (table && (ret = malloc(strlen(table) + BEGIN_LEN + END_LEN + 1))) {        strcpy(ret, TABLE_BEGIN);        strcpy(ret + BEGIN_LEN, table);        strcpy(ret  + BEGIN_LEN + strlen(table), TABLE_END);    }    return ret;}Table *InsertRow(Table *table, RowInfo *info){    char *ret = NULL;    if (table && info) {        char *t = table;        int len = strlen(t);        char *buf = malloc(strlen(ROW_FORMAT) + sizeof(*info));        if (buf) {            sprintf(buf, ROW_FORMAT, info->link, info->name, info->type, info->size, info->time);            ret = realloc(t, len + strlen(buf) + 1);            ret = ret ? (strcpy(ret + len, buf), ret) : t;        } else {            ret = t;        }        free(buf);    }    return ret;}void FreeTable(Table *table){    free(table);}
输入
<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>D.T.Software</title>  </head>  <body>    <h1>DT4SW Http File Server</h1>    <hr/>    <h3>Path: test/path/folder</h3>    <table border="1" width="100%">  <tr>    <th>File Name</th><th>File Type</th><th>File Size</th><th>Modify Time</th>  </tr><tr>  <td><a href="aa">bbb</a></td><td>cccc</td><td>ddddd</td><td>eeeeee</td></tr><tr>  <td><a href="11">222</a></td><td>3333</td><td>44444</td><td>555555</td></tr>  </tr></table>  </body></html>

思考

浏览器于文件服务器如何交互？